/* Login Page SASS Implementation as on 3 Jan 2024 */
@font-face {
  font-family: "roche-sansregular";
  src: url("../fonts/RocheSans-Regular.ttf") format(truetype);
  font-weight: normal;
  font-style: normal !important;
}
@font-face {
  font-family: "roche-sansmedium";
  src: url("../fonts/RocheSans-Medium.ttf") format(truetype);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roche-sanslight";
  src: url("../fonts/RocheSans-Light.ttf") format(truetype);
  font-weight: normal;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}

body {
  font-family: "roche-sansregular", sans-serif;
  position: relative;
  min-height: calc(100vh - 122px);
}

html {
  scroll-behavior: smooth;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
}

.loader::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid #ffffff;
  animation: prixClipFix 2s linear infinite;
}

.loader::after {
  border-color: #1A818D !important;
  animation: prixClipFix 2s linear infinite, rotate 0.5s linear infinite reverse !important;
  inset: 6px !important;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes prixClipFix {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
nav.breadcrumb-section {
  margin-bottom: 25px;
}
nav.breadcrumb-section ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
nav.breadcrumb-section ol li {
  display: inline;
  padding-right: 1rem;
  color: #0B393E;
}
nav.breadcrumb-section ol li a {
  text-decoration: none;
  color: #0B393E;
  margin-right: 5px;
  font-size: 14px;
}
nav.breadcrumb-section ol li .active {
  color: #1A818D;
}
nav.breadcrumb-section ol li::after {
  content: ">";
  position: absolute;
  color: #1A818D;
}
nav.breadcrumb-section ol li:last-child::after {
  content: "";
}

.login_wrapper {
  display: flex;
  justify-content: space-between;
  height: calc(100vh - 158px);
  position: relative;
}
.login_wrapper .left_section {
  width: 65%;
}
.login_wrapper .left_section .logo-accu-chek {
  padding: 20px 32px;
  position: absolute;
  right: 0;
  left: 0;
  background: #fff;
  z-index: 1;
  width: 65%;
}
.login_wrapper .left_section .logo-accu-chek img {
  width: 186px;
  height: 36px;
  height: auto;
}
.login_wrapper .left_section .show-hide-password {
  position: absolute;
  right: 16%;
  bottom: 0;
  cursor: pointer;
}
.login_wrapper .left_section .form-section {
  text-align: center;
  width: 340px;
  margin: 2rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
}
.login_wrapper .left_section .form-section h1 {
  color: #1A818D;
  font-size: 1.6rem;
  position: relative;
  font-family: "roche-sansmedium";
  margin-bottom: 1.2rem;
  padding-bottom: 0.8rem;
  font-weight: normal;
}
.login_wrapper .left_section .form-section h1::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #1A818D;
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.login_wrapper .left_section .form-section h1.congrats-msg {
  color: #1A818D;
  padding-bottom: 2rem;
  font-size: 1.8rem;
  position: relative;
  font-family: roche-sansregular;
}
.login_wrapper .left_section .form-section h1.congrats-msg::after {
  display: none;
}
.login_wrapper .left_section .form-section .form__group {
  position: relative;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 25px;
  text-align: left;
}
.login_wrapper .left_section .form-section .form__group .form-text {
  font-family: inherit;
  width: 100%;
  height: 40px;
  border: 2px solid #b5b5b5;
  outline: 0;
  font-size: 1rem;
  color: #0B393E;
  border-radius: 8px;
  padding: 10px 50px 10px 12px;
  background: transparent;
  transition: border-color 0.2s;
  padding: 10px 78px 10px 12px;
}
.login_wrapper .left_section .form-section .form__group .form-text:focus {
  border: 2px solid #1A818D;
}
.login_wrapper .left_section .form-section .form__group .form-text::-moz-placeholder {
  color: #8F8F8F;
}
.login_wrapper .left_section .form-section .form__group .form-text::placeholder {
  color: #8F8F8F;
}
.login_wrapper .left_section .form-section .form__group .form__field {
  font-family: inherit;
  width: 100%;
  height: 40px;
  border: 2px solid #b5b5b5;
  outline: 0;
  font-size: 1rem;
  color: #0B393E;
  border-radius: 8px;
  padding: 10px 50px 10px 12px;
  background: transparent;
  transition: border-color 0.2s;
}
.login_wrapper .left_section .form-section .form__group .form__field:focus {
  border: 2px solid #1A818D;
}
.login_wrapper .left_section .form-section .form__group .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.login_wrapper .left_section .form-section .form__group .form__field::placeholder {
  color: #8F8F8F;
}
.login_wrapper .left_section .form-section .form__group label {
  position: absolute;
  top: -8px;
  left: 10px;
  display: block;
  transition: 0.2s;
  font-size: 12px;
  color: #0B393E;
  background: #ffffff;
  padding: 0 5px;
}
.login_wrapper .left_section .form-section .form__group .addon-button {
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #b5b5b5;
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
}
.login_wrapper .left_section .form-section .form__group .addon-button button {
  padding: 0 0.6rem;
  cursor: pointer;
  overflow: hidden;
  background: #F6F6F6;
  border: none;
  display: flex;
  align-items: center;
  height: 36px;
}
.login_wrapper .left_section .form-section .form__group .addon-button button .circle-loader {
  width: 22px;
  height: 22px;
  margin: 0;
}
.login_wrapper .left_section .form-section .form__group .addon-button button .circle-loader .checkmark::after {
  height: 0.75em;
  width: 0.4em;
  left: 0.3em;
  top: 0.8em;
}
.login_wrapper .left_section .form-section .form__group .addon-button button i {
  font-size: 20px;
  color: #1A818D;
}
.login_wrapper .left_section .form-section .form__group .addon-set-password {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  height: 40px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.login_wrapper .left_section .form-section .form__group .addon-set-password .show-hide-set-password {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.4rem;
  cursor: pointer;
}
.login_wrapper .left_section .form-section .form__group .addon-set-password .addon-button-password {
  right: 0;
  bottom: 0;
  border: 2px solid #b5b5b5;
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
}
.login_wrapper .left_section .form-section .form__group .addon-set-password .addon-button-password button {
  padding: 0.29rem 0.6rem;
  cursor: pointer;
  overflow: hidden;
  background: #F6F6F6;
  border: none;
}
.login_wrapper .left_section .form-section .form__group .addon-set-password .blue-border {
  border-color: #1A818D;
}
.login_wrapper .left_section .form-section .form__group .addon-confirm-password {
  position: absolute;
  display: flex;
  top: 66px;
  right: 0;
  height: 39px;
  width: 84px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.login_wrapper .left_section .form-section .validation-msg {
  padding: 0;
}
.login_wrapper .left_section .form-section .sso-forgot {
  margin: 0 0 25px;
  display: flex;
  justify-content: space-between;
}
.login_wrapper .left_section .form-section .sso-forgot a {
  color: #1A818D;
  text-decoration: underline;
  font-size: 14px;
}
.login_wrapper .left_section .form-section .sso-forgot a:hover {
  transition: 0.4s ease-out all;
  color: #1E98A6;
}
.login_wrapper .left_section .form-section .cta-section {
  display: flex;
  justify-content: space-between;
}
.login_wrapper .left_section .form-section .cta-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  text-decoration: none;
}
.login_wrapper .left_section .form-section .cta-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.login_wrapper .left_section .form-section .cta-section .sign-in-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.login_wrapper .left_section .form-section .cta-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
@media screen and (min-width: 1920px) {
  .login_wrapper .left_section .form-section {
    margin: 0rem auto;
  }
}
.login_wrapper .right_section {
  width: 35%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
}
.login_wrapper .right_section .logo-roche {
  text-align: right;
  padding: 20px 32px;
  position: absolute;
  right: 0;
}
.login_wrapper .right_section .logo-roche img {
  width: 72px;
  height: 38px;
}
.login_wrapper .right_section .bg-images {
  height: 100%;
  width: 100%;
}
.login_wrapper .right_section .bg-images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.registration_wrapper {
  display: flex;
  justify-content: space-between;
  height: calc(100vh - 158px);
  position: relative;
}
.registration_wrapper .left_section {
  width: 65%;
  overflow: auto;
  -ms-overflow-style: none;
}
.registration_wrapper .left_section::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}
.registration_wrapper .left_section .logo-accu-chek {
  padding: 20px 32px;
  position: absolute;
  right: 0;
  left: 0;
  background: #fff;
  z-index: 1;
  width: 65%;
}
.registration_wrapper .left_section .logo-accu-chek img {
  width: 186px;
  height: 36px;
  height: auto;
}
.registration_wrapper .left_section .show-hide-password {
  position: absolute;
  right: 16%;
  bottom: 0;
  cursor: pointer;
}
.registration_wrapper .left_section .form-section {
  text-align: center;
  width: 340px;
  margin: 10rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
}
.registration_wrapper .left_section .form-section h1 {
  color: #1A818D;
  font-size: 1.6rem;
  position: relative;
  font-family: "roche-sansmedium";
  margin-bottom: 1.2rem;
  padding-bottom: 0.8rem;
  font-weight: normal;
}
.registration_wrapper .left_section .form-section h1::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #1A818D;
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.registration_wrapper .left_section .form-section h1.congrats-msg {
  color: #1A818D;
  padding-bottom: 2rem;
  font-size: 1.8rem;
  position: relative;
  font-family: roche-sansregular;
}
.registration_wrapper .left_section .form-section h1.congrats-msg::after {
  display: none;
}
.registration_wrapper .left_section .form-section .form__group {
  position: relative;
  margin-top: 0;
  margin-bottom: 25px;
  text-align: left;
}
.registration_wrapper .left_section .form-section .form__group .form-text {
  font-family: inherit;
  width: 100%;
  height: 40px;
  border: 2px solid #b5b5b5;
  outline: 0;
  font-size: 1rem;
  color: #0B393E;
  border-radius: 8px;
  padding: 10px 50px 10px 12px;
  background: transparent;
  transition: border-color 0.2s;
}
.registration_wrapper .left_section .form-section .form__group .form-text:focus {
  border: 2px solid #1A818D;
}
.registration_wrapper .left_section .form-section .form__group .form-text::-moz-placeholder {
  color: #8F8F8F;
}
.registration_wrapper .left_section .form-section .form__group .form-text::placeholder {
  color: #8F8F8F;
}
.registration_wrapper .left_section .form-section .form__group .js-form-item-pass-fields-pass1 {
  margin-bottom: 25px;
}
.registration_wrapper .left_section .form-section .form__group .js-form-item-pass-fields-pass2 {
  position: relative;
  margin-top: 25px;
}
.registration_wrapper .left_section .form-section .form__group .form__field {
  font-family: inherit;
  width: 100%;
  height: 40px;
  border: 2px solid #b5b5b5;
  outline: 0;
  font-size: 1rem;
  color: #0B393E;
  border-radius: 8px;
  padding: 10px 50px 10px 12px;
  background: transparent;
  transition: border-color 0.2s;
}
.registration_wrapper .left_section .form-section .form__group .form__field:focus {
  border: 2px solid #1A818D;
}
.registration_wrapper .left_section .form-section .form__group .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.registration_wrapper .left_section .form-section .form__group .form__field::placeholder {
  color: #8F8F8F;
}
.registration_wrapper .left_section .form-section .form__group label {
  position: absolute;
  top: -8px;
  left: 10px;
  display: block;
  transition: 0.2s;
  font-size: 12px;
  color: #0B393E;
  background: #ffffff;
  padding: 0 5px;
}
.registration_wrapper .left_section .form-section .form__group .addon-button {
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #b5b5b5;
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
}
.registration_wrapper .left_section .form-section .form__group .addon-button button {
  padding: 0 0.6rem;
  cursor: pointer;
  overflow: hidden;
  background: #F6F6F6;
  border: none;
  display: flex;
  align-items: center;
  height: 36px;
}
.registration_wrapper .left_section .form-section .form__group .addon-button button .circle-loader {
  width: 22px;
  height: 22px;
  margin: 0;
}
.registration_wrapper .left_section .form-section .form__group .addon-button button .circle-loader .checkmark::after {
  height: 0.75em;
  width: 0.4em;
  left: 0.3em;
  top: 0.8em;
}
.registration_wrapper .left_section .form-section .forgot-message {
  color: #5C5C5C;
  margin: 25px 0;
}
.registration_wrapper .left_section .form-section .checkbox-block {
  margin-bottom: 25px;
  text-align: left;
}
.registration_wrapper .left_section .form-section .checkbox-block .form-group {
  display: block;
}
.registration_wrapper .left_section .form-section .checkbox-block .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.registration_wrapper .left_section .form-section .checkbox-block .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 4px;
  height: 9px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.registration_wrapper .left_section .form-section .checkbox-block .form-group input:checked + label:before {
  border-color: #1A818D;
}
.registration_wrapper .left_section .form-section .checkbox-block .form-group label {
  position: relative;
  cursor: pointer;
  color: #0B393E;
  font-size: 14px;
}
.registration_wrapper .left_section .form-section .checkbox-block .form-group label a {
  cursor: pointer;
  color: #1A818D;
}
.registration_wrapper .left_section .form-section .checkbox-block .form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #b5b5b5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 4px;
}
.registration_wrapper .left_section .form-section .checkbox-block .form-group .chkbx-disabled {
  cursor: not-allowed;
}
.registration_wrapper .left_section .form-section .checkbox-block .form-group .chkbx-disabled::before {
  cursor: not-allowed;
}
.registration_wrapper .left_section .form-section .cta-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.registration_wrapper .left_section .form-section .cta-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  text-decoration: none;
}
.registration_wrapper .left_section .form-section .cta-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.registration_wrapper .left_section .form-section .cta-section .sign-in-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.registration_wrapper .left_section .form-section .cta-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.registration_wrapper .left_section .form-section .login-link {
  margin-bottom: 25px;
}
.registration_wrapper .left_section .form-section .login-link p {
  color: #0B393E;
  font-size: 14px;
}
.registration_wrapper .left_section .form-section .login-link p a {
  color: #1A818D;
}
.registration_wrapper .left_section .form-section .validation-msg {
  position: absolute;
  margin-top: 0px;
  padding-top: 0px;
}
.registration_wrapper .left_section .form-section .validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.registration_wrapper .left_section .form-section .validation-msg p img {
  padding-right: 5px;
}
.registration_wrapper .left_section .form-section .conf-pass-validation-msg {
  position: absolute;
  margin-top: 0px;
  padding-top: 0px;
  bottom: -10px;
}
.registration_wrapper .left_section .form-section .conf-pass-validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.registration_wrapper .left_section .form-section .conf-pass-validation-msg p img {
  padding-right: 5px;
}
.registration_wrapper .left_section .form-section .sap-validation-msg {
  position: absolute;
  margin-top: 0px;
  padding-top: 0px;
}
.registration_wrapper .left_section .form-section .sap-validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.registration_wrapper .left_section .form-section .sap-validation-msg p img {
  padding-right: 5px;
}
.registration_wrapper .left_section .form-section .invoice-validation-msg {
  position: absolute;
  margin-top: 0px;
  padding-top: 0px;
}
.registration_wrapper .left_section .form-section .invoice-validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.registration_wrapper .left_section .form-section .invoice-validation-msg p img {
  padding-right: 5px;
}
.registration_wrapper .left_section .form-section .addon-set-password {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  height: 40px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.registration_wrapper .left_section .form-section .addon-set-password .show-hide-set-password {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.4rem;
  cursor: pointer;
}
.registration_wrapper .left_section .form-section .addon-set-password .addon-button-password {
  right: 0;
  bottom: 0;
  border: 2px solid #b5b5b5;
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
}
.registration_wrapper .left_section .form-section .addon-set-password .addon-button-password button {
  padding: 0.29rem 0.6rem;
  cursor: pointer;
  overflow: hidden;
  background: #F6F6F6;
  border: none;
}
.registration_wrapper .left_section .form-section .addon-confirm-password {
  position: absolute;
  display: flex;
  top: 66px;
  right: 0;
  height: 39px;
  width: 84px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.registration_wrapper .left_section .technical-support-message {
  width: 650px;
  padding: 1rem;
  background: #1A818D;
  margin: 1rem auto;
}
.registration_wrapper .left_section .technical-support-message p {
  color: white;
  font-size: 14px;
}
.registration_wrapper .left_section .technical-support-message p a {
  color: white;
}
@media screen and (min-width: 1920px) {
  .registration_wrapper .left_section .form-section {
    margin: 4rem auto 1rem;
  }
}
.registration_wrapper .right_section {
  width: 35%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
}
.registration_wrapper .right_section .logo-roche {
  text-align: right;
  padding: 20px 32px;
  position: absolute;
  right: 0;
}
.registration_wrapper .right_section .logo-roche img {
  width: 72px;
  height: 38px;
}
.registration_wrapper .right_section .bg-images {
  height: 100%;
  width: 100%;
}
.registration_wrapper .right_section .bg-images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.forgotPassword_wrapper {
  display: flex;
  justify-content: space-between;
  height: calc(100vh - 158px);
  position: relative;
}
.forgotPassword_wrapper .left_section {
  width: 65%;
  overflow: auto;
  -ms-overflow-style: none;
}
.forgotPassword_wrapper .left_section::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}
.forgotPassword_wrapper .left_section .logo-accu-chek {
  padding: 20px 32px;
  position: absolute;
  right: 0;
  left: 0;
  background: #fff;
  z-index: 1;
  width: 65%;
}
.forgotPassword_wrapper .left_section .logo-accu-chek img {
  width: 186px;
  height: 36px;
  height: auto;
}
.forgotPassword_wrapper .left_section .show-hide-password {
  position: absolute;
  right: 16%;
  bottom: 0;
  cursor: pointer;
}
.forgotPassword_wrapper .left_section .form-section {
  text-align: center;
  width: 340px;
  margin: 2rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
}
.forgotPassword_wrapper .left_section .form-section h1 {
  color: #1A818D;
  font-size: 1.6rem;
  position: relative;
  font-family: "roche-sansmedium";
  margin-bottom: 1.2rem;
  padding-bottom: 0.8rem;
  font-weight: normal;
}
.forgotPassword_wrapper .left_section .form-section h1::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #1A818D;
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.forgotPassword_wrapper .left_section .form-section h1.congrats-msg {
  color: #1A818D;
  padding-bottom: 2rem;
  font-size: 1.8rem;
  position: relative;
  font-family: roche-sansregular;
}
.forgotPassword_wrapper .left_section .form-section h1.congrats-msg::after {
  display: none;
}
.forgotPassword_wrapper .left_section .form-section h3.successfully-msg {
  font-size: 1rem;
  color: #5C5C5C;
}
.forgotPassword_wrapper .left_section .form-section h4 {
  margin-bottom: 25px;
  color: #1A818D;
  font-size: 19px;
  font-weight: 500;
  font-family: "roche-sansregular";
  width: 315px;
}
.forgotPassword_wrapper .left_section .form-section .form__group {
  position: relative;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 25px;
  text-align: left;
}
.forgotPassword_wrapper .left_section .form-section .form__group .form-text {
  font-family: inherit;
  width: 100%;
  height: 40px;
  border: 2px solid #b5b5b5;
  outline: 0;
  font-size: 1rem;
  color: #0B393E;
  border-radius: 8px;
  padding: 10px 50px 10px 12px;
  background: transparent;
  transition: border-color 0.2s;
  padding: 10px 78px 10px 12px;
}
.forgotPassword_wrapper .left_section .form-section .form__group .form-text:focus {
  border: 2px solid #1A818D;
}
.forgotPassword_wrapper .left_section .form-section .form__group .form-text::-moz-placeholder {
  color: #8F8F8F;
}
.forgotPassword_wrapper .left_section .form-section .form__group .form-text::placeholder {
  color: #8F8F8F;
}
.forgotPassword_wrapper .left_section .form-section .form__group .form__field {
  font-family: inherit;
  width: 100%;
  height: 40px;
  border: 2px solid #b5b5b5;
  outline: 0;
  font-size: 1rem;
  color: #0B393E;
  border-radius: 8px;
  padding: 10px 50px 10px 12px;
  background: transparent;
  transition: border-color 0.2s;
}
.forgotPassword_wrapper .left_section .form-section .form__group .form__field:focus {
  border: 2px solid #1A818D;
}
.forgotPassword_wrapper .left_section .form-section .form__group .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.forgotPassword_wrapper .left_section .form-section .form__group .form__field::placeholder {
  color: #8F8F8F;
}
.forgotPassword_wrapper .left_section .form-section .form__group label {
  position: absolute;
  top: -8px;
  left: 10px;
  display: block;
  transition: 0.2s;
  font-size: 12px;
  color: #0B393E;
  background: #ffffff;
  padding: 0 5px;
}
.forgotPassword_wrapper .left_section .form-section .form__group .addon-button {
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #b5b5b5;
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
}
.forgotPassword_wrapper .left_section .form-section .form__group .addon-button button {
  padding: 0 0.6rem;
  cursor: pointer;
  overflow: hidden;
  background: #F6F6F6;
  border: none;
  display: flex;
  align-items: center;
  height: 36px;
}
.forgotPassword_wrapper .left_section .form-section .form__group .addon-button button .circle-loader {
  width: 22px;
  height: 22px;
  margin: 0;
}
.forgotPassword_wrapper .left_section .form-section .form__group .addon-button button .circle-loader .checkmark::after {
  height: 0.75em;
  width: 0.4em;
  left: 0.3em;
  top: 0.8em;
}
.forgotPassword_wrapper .left_section .form-section .validation-msg {
  padding: 0;
}
.forgotPassword_wrapper .left_section .form-section .sso-forgot {
  margin: 0 0 25px;
  display: flex;
  justify-content: space-between;
}
.forgotPassword_wrapper .left_section .form-section .sso-forgot a {
  color: #1A818D;
  text-decoration: underline;
  font-size: 14px;
}
.forgotPassword_wrapper .left_section .form-section .sso-forgot a:hover {
  transition: 0.4s ease-out all;
  color: #1E98A6;
}
.forgotPassword_wrapper .left_section .form-section .cta-section {
  display: flex;
  justify-content: space-between;
}
.forgotPassword_wrapper .left_section .form-section .cta-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  text-decoration: none;
}
.forgotPassword_wrapper .left_section .form-section .cta-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.forgotPassword_wrapper .left_section .form-section .cta-section .sign-in-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.forgotPassword_wrapper .left_section .form-section .cta-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.forgotPassword_wrapper .left_section .form-section .login-link {
  margin-top: 2rem;
}
.forgotPassword_wrapper .left_section .form-section .login-link p {
  color: #0B393E;
  font-size: 14px;
}
.forgotPassword_wrapper .left_section .form-section .login-link p a {
  color: #1A818D;
}
.forgotPassword_wrapper .left_section .form-section .login-link p a:hover {
  color: #1A818D;
  transition: 0.4s ease-out all;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section {
  text-align: center;
  width: 340px;
  margin: 5rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section h1 {
  color: #1A818D;
  font-size: 1.6rem;
  position: relative;
  font-family: "roche-sansmedium";
  margin-bottom: 1.2rem;
  padding-bottom: 0.8rem;
  font-weight: normal;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section h1::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #1A818D;
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section h1.congrats-msg {
  color: #1A818D;
  padding-bottom: 2rem;
  font-size: 1.8rem;
  position: relative;
  font-family: roche-sansregular;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section h1.congrats-msg::after {
  display: none;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section h3.successfully-msg {
  font-size: 1rem;
  color: #5C5C5C;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section h4 {
  margin-bottom: 25px;
  color: #1A818D;
  font-size: 19px;
  font-weight: 500;
  font-family: "roche-sansregular";
  width: 315px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group {
  position: relative;
  padding-top: 0 !important;
  margin-top: 0;
  margin-bottom: 25px;
  text-align: left;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-text {
  font-family: inherit;
  width: 100%;
  height: 40px;
  border: 2px solid #b5b5b5;
  outline: 0;
  font-size: 1rem;
  color: #0B393E;
  border-radius: 8px;
  padding: 10px 50px 10px 12px;
  background: transparent;
  transition: border-color 0.2s;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-text:focus {
  border: 2px solid #1A818D;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-text::-moz-placeholder {
  color: #8F8F8F;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-text::placeholder {
  color: #8F8F8F;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-item-pass-fields-pass1 {
  margin-bottom: 1rem;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-item-pass-fields-pass2 {
  position: relative;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-item-pass-fields-pass2 .form__field {
  margin: 0;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form__field {
  font-family: inherit;
  width: 100%;
  height: 40px;
  border: 2px solid #b5b5b5;
  outline: 0;
  font-size: 1rem;
  color: #0B393E;
  border-radius: 8px;
  padding: 10px 50px 10px 12px;
  background: transparent;
  transition: border-color 0.2s;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form__field:focus {
  border: 2px solid #1A818D;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form__field::placeholder {
  color: #8F8F8F;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group label {
  position: absolute;
  top: -8px;
  left: 10px;
  display: block;
  transition: 0.2s;
  font-size: 12px;
  color: #0B393E;
  background: #ffffff;
  padding: 0 5px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-set-password {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  height: 40px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-set-password .show-hide-set-password {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.4rem;
  cursor: pointer;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-set-password .addon-button-password {
  right: 0;
  bottom: 0;
  border: 2px solid #b5b5b5;
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-set-password .addon-button-password button {
  padding: 0.29rem 0.6rem;
  cursor: pointer;
  overflow: hidden;
  background: #F6F6F6;
  border: none;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-confirm-password {
  position: absolute;
  display: flex;
  top: 57px;
  right: 0;
  height: 39px;
  width: 84px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-confirm-password .show-hide-conf-password {
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.6rem;
  cursor: pointer;
  right: 45px;
  position: absolute;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-button {
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #b5b5b5;
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-button button {
  padding: 0 0.6rem;
  cursor: pointer;
  overflow: hidden;
  background: #F6F6F6;
  border: none;
  display: flex;
  align-items: center;
  height: 36px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-button button .circle-loader {
  width: 22px;
  height: 22px;
  margin: 0;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-button button .circle-loader .checkmark::after {
  height: 0.75em;
  width: 0.4em;
  left: 0.3em;
  top: 0.8em;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .sso-forgot {
  margin: 0 0 25px;
  display: flex;
  justify-content: space-between;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .sso-forgot a {
  color: #1A818D;
  text-decoration: underline;
  font-size: 14px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .sso-forgot a:hover {
  transition: 0.4s ease-out all;
  color: #1E98A6;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .forgot-message {
  color: #5C5C5C;
  margin: 25px 0;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .cta-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .cta-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  text-decoration: none;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .cta-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .cta-section .sign-in-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .cta-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .validation-msg {
  position: absolute;
  margin-top: 0px;
  padding-top: 0px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .validation-msg p img {
  padding-right: 5px;
}
@media screen and (min-width: 1920px) {
  .forgotPassword_wrapper .left_section .form-section {
    margin: 0rem auto;
  }
}
.forgotPassword_wrapper .right_section {
  width: 35%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
}
.forgotPassword_wrapper .right_section .logo-roche {
  text-align: right;
  padding: 20px 32px;
  position: absolute;
  right: 0;
}
.forgotPassword_wrapper .right_section .logo-roche img {
  width: 72px;
  height: 38px;
}
.forgotPassword_wrapper .right_section .bg-images {
  height: 100%;
  width: 100%;
}
.forgotPassword_wrapper .right_section .bg-images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.forgotPassword_wrapper {
  display: flex;
  justify-content: space-between;
  height: calc(100vh - 158px);
  position: relative;
}
.forgotPassword_wrapper .left_section {
  width: 65%;
  overflow: auto;
  -ms-overflow-style: none;
}
.forgotPassword_wrapper .left_section::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}
.forgotPassword_wrapper .left_section .logo-accu-chek {
  padding: 20px 32px;
  position: absolute;
  right: 0;
  left: 0;
  background: #fff;
  z-index: 1;
  width: 65%;
}
.forgotPassword_wrapper .left_section .logo-accu-chek img {
  width: 186px;
  height: 36px;
  height: auto;
}
.forgotPassword_wrapper .left_section .show-hide-password {
  position: absolute;
  right: 16%;
  bottom: 0;
  cursor: pointer;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section {
  text-align: center;
  width: 340px;
  margin: 5rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section h1 {
  color: #1A818D;
  font-size: 1.6rem;
  position: relative;
  font-family: "roche-sansmedium";
  margin-bottom: 1.2rem;
  padding-bottom: 0.8rem;
  font-weight: normal;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section h1::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #1A818D;
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section h1.congrats-msg {
  color: #1A818D;
  padding-bottom: 2rem;
  font-size: 1.8rem;
  position: relative;
  font-family: roche-sansregular;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section h1.congrats-msg::after {
  display: none;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section h3.successfully-msg {
  font-size: 1rem;
  color: #5C5C5C;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section h4 {
  margin-bottom: 25px;
  color: #1A818D;
  font-size: 19px;
  font-weight: 500;
  font-family: "roche-sansregular";
  width: 315px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group {
  position: relative;
  padding-top: 0 !important;
  margin-top: 0;
  margin-bottom: 25px;
  text-align: left;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-text {
  font-family: inherit;
  width: 100%;
  height: 40px;
  border: 2px solid #b5b5b5;
  outline: 0;
  font-size: 1rem;
  color: #0B393E;
  border-radius: 8px;
  padding: 10px 50px 10px 12px;
  background: transparent;
  transition: border-color 0.2s;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-text:focus {
  border: 2px solid #1A818D;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-text::-moz-placeholder {
  color: #8F8F8F;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-text::placeholder {
  color: #8F8F8F;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-item-pass-fields-pass1 {
  margin-bottom: 1rem;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-item-pass-fields-pass2 {
  position: relative;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form-item-pass-fields-pass2 .form__field {
  margin: 0;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form__field {
  font-family: inherit;
  width: 100%;
  height: 40px;
  border: 2px solid #b5b5b5;
  outline: 0;
  font-size: 1rem;
  color: #0B393E;
  border-radius: 8px;
  padding: 10px 50px 10px 12px;
  background: transparent;
  transition: border-color 0.2s;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form__field:focus {
  border: 2px solid #1A818D;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .form__field::placeholder {
  color: #8F8F8F;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group label {
  position: absolute;
  top: -8px;
  left: 10px;
  display: block;
  transition: 0.2s;
  font-size: 12px;
  color: #0B393E;
  background: #ffffff;
  padding: 0 5px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-set-password {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  height: 40px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-set-password .show-hide-set-password {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.4rem;
  cursor: pointer;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-set-password .addon-button-password {
  right: 0;
  bottom: 0;
  border: 2px solid #b5b5b5;
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-set-password .addon-button-password button {
  padding: 0.29rem 0.6rem;
  cursor: pointer;
  overflow: hidden;
  background: #F6F6F6;
  border: none;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-confirm-password {
  position: absolute;
  display: flex;
  top: 57px;
  right: 0;
  height: 39px;
  width: 84px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-confirm-password .show-hide-conf-password {
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.6rem;
  cursor: pointer;
  right: 45px;
  position: absolute;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-button {
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #b5b5b5;
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-button button {
  padding: 0 0.6rem;
  cursor: pointer;
  overflow: hidden;
  background: #F6F6F6;
  border: none;
  display: flex;
  align-items: center;
  height: 36px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-button button .circle-loader {
  width: 22px;
  height: 22px;
  margin: 0;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .form__group .addon-button button .circle-loader .checkmark::after {
  height: 0.75em;
  width: 0.4em;
  left: 0.3em;
  top: 0.8em;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .sso-forgot {
  margin: 0 0 25px;
  display: flex;
  justify-content: space-between;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .sso-forgot a {
  color: #1A818D;
  text-decoration: underline;
  font-size: 14px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .sso-forgot a:hover {
  transition: 0.4s ease-out all;
  color: #1E98A6;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .forgot-message {
  color: #5C5C5C;
  margin: 25px 0;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .cta-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .cta-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  text-decoration: none;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .cta-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .cta-section .sign-in-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .cta-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .validation-msg {
  position: absolute;
  margin-top: 0px;
  padding-top: 0px;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.forgotPassword_wrapper .left_section .password-change-form .form-section .validation-msg p img {
  padding-right: 5px;
}
@media screen and (min-width: 1920px) {
  .forgotPassword_wrapper .left_section .form-section {
    margin: 0rem auto;
  }
}
.forgotPassword_wrapper .right_section {
  width: 35%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
}
.forgotPassword_wrapper .right_section .logo-roche {
  text-align: right;
  padding: 20px 32px;
  position: absolute;
  right: 0;
}
.forgotPassword_wrapper .right_section .logo-roche img {
  width: 72px;
  height: 38px;
}
.forgotPassword_wrapper .right_section .bg-images {
  height: 100%;
  width: 100%;
}
.forgotPassword_wrapper .right_section .bg-images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.success_wrapper {
  display: flex;
  justify-content: space-between;
  height: calc(100vh - 158px);
  position: relative;
}
.success_wrapper .left_section {
  width: 65%;
}
.success_wrapper .left_section .logo-accu-chek {
  padding: 20px 32px;
  position: absolute;
  right: 0;
  left: 0;
  background: #fff;
  z-index: 1;
  width: 65%;
}
.success_wrapper .left_section .logo-accu-chek img {
  width: 186px;
  height: 36px;
  height: auto;
}
.success_wrapper .left_section .show-hide-password {
  position: absolute;
  right: 16%;
  bottom: 0;
  cursor: pointer;
}
.success_wrapper .left_section .form-section {
  text-align: center;
  width: 340px;
  margin: 1rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
}
.success_wrapper .left_section .form-section h1.congrats-msg {
  color: #1a818d;
  padding-bottom: 1rem;
  font-size: 1.8rem;
  position: relative;
  font-family: "roche-sansregular";
}
.success_wrapper .left_section .form-section h1.congrats-msg::after {
  display: none;
}
.success_wrapper .left_section .form-section h3.successfully-msg {
  font-size: 1rem;
  color: #0B393E;
}
.success_wrapper .left_section .form-section .login-link {
  margin-top: 2rem;
}
.success_wrapper .left_section .form-section .login-link p {
  color: #0B393E;
  font-size: 14px;
}
.success_wrapper .left_section .form-section .login-link p a {
  color: #1A818D;
}
.success_wrapper .left_section .form-section .login-link p a:hover {
  color: #1A818D;
  transition: 0.4s ease-out all;
}
@media screen and (min-width: 1920px) {
  .success_wrapper .left_section .form-section {
    margin: 2rem auto;
  }
}
.success_wrapper .right_section {
  width: 35%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
}
.success_wrapper .right_section .logo-roche {
  text-align: right;
  padding: 20px 32px;
  position: absolute;
  right: 0;
}
.success_wrapper .right_section .logo-roche img {
  width: 72px;
  height: 38px;
}
.success_wrapper .right_section .bg-images {
  height: 100%;
  width: 100%;
}
.success_wrapper .right_section .bg-images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.customer-registration-form {
  height: 100%;
}
.customer-registration-form .is-disabled {
  background: #F6F6F6 !important;
  cursor: not-allowed !important;
}

#customer-registration-form .pass-disabled,
#customer-registration-form .sap-disabled,
#customer-registration-form .invoice-disabled {
  cursor: not-allowed;
}

.login_wrapper .left_section .form-section .password-req-section {
  margin: 0.5rem auto;
  text-align: left;
}
.login_wrapper .left_section .form-section .password-req-section label {
  font-size: 12px;
  color: #5C5C5C;
  margin-bottom: 0.5rem;
}
.login_wrapper .left_section .form-section .password-req-section ul {
  text-align: left;
  margin-top: 0.3rem;
}
.login_wrapper .left_section .form-section .password-req-section ul li {
  font-size: 12px;
  list-style: none;
  color: #5C5C5C;
  line-height: 18px;
  clear: left;
}
.login_wrapper .left_section .form-section .password-req-section ul li::before {
  content: "";
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background: url(/themes/custom/rocfr/images/charm_tick.svg);
  background-size: cover;
  margin-right: 6px;
}
.login_wrapper .left_section .form-section .success-img-section {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #1A818D;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem auto;
}
.login_wrapper .left_section .form-section .success-img-section img {
  text-align: center;
}

.login_wrapper .left_section .user-login-form .login-form__top label[for=edit-name],
.user-login-form label[for=edit-pass] {
  display: none !important;
}

.login_wrapper .left_section .form-section .login-form__top .form__group #edit-name--description,
#edit-pass--description {
  display: none !important;
}

.login_wrapper .left_section .form-section .login-form__top .form-item--error-message {
  color: #cf2626 !important;
  display: flex;
  align-items: left;
}
.login_wrapper .left_section .form-section .login-form__top .form__group .form-item--error {
  color: #cf2626 !important;
}

.login_wrapper .left_section .form-section .login-form__top .form__group #edit-pass,
#edit-name:-moz-placeholder-shown ~ .form__label {
  font-size: 1rem !important;
  cursor: text !important;
  top: 27px !important;
}

.login_wrapper .left_section .form-section .form__group .visited {
  padding-bottom: 8px;
  border: 2px solid #1A818D;
}

.login_wrapper .left_section .form-section .form__group .blue-color {
  color: #1A818D;
}
.login_wrapper .left_section .form-section .form__group .blue-border {
  border-color: #1A818D;
}
.login_wrapper .left_section .form-section .form__group .redBorder {
  border: 2px solid #D63301;
}
.login_wrapper .left_section .form-section .form__group .redBorder:focus {
  padding-bottom: 8px;
  border: 2px solid #D63301;
}
.login_wrapper .left_section .form-section .form__group .red-border {
  border-color: #D63301;
}
.login_wrapper .left_section .form-section .form__group .label-red-color {
  color: #D63301;
}

/* Login Section SCSS ends here */
/* Footer CSS starts here */
.user-logged-in footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  z-index: -1;
}

footer {
  border-top: 1px solid #E3E3E3;
}
footer .footer-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 32px;
}
footer .footer-wrapper .social-section {
  width: 18%;
  text-align: left;
  display: flex;
  align-items: center;
}
footer .footer-wrapper .social-section a {
  margin-right: 24px;
  width: 28px;
  height: 28px;
}
footer .footer-wrapper .social-section a.facebook {
  color: #1A818D;
  font-size: 14px;
  border: 2px solid #1A818D;
  border-radius: 50%;
  padding: 4px 8px;
}
footer .footer-wrapper .social-section a.facebook:hover {
  color: #0B393E;
  border-color: #0B393E;
  transition: 0.3s all ease-in-out;
}
footer .footer-wrapper .social-section a.twitter {
  color: #1A818D;
  font-size: 14px;
  border: 2px solid #1A818D;
  border-radius: 50%;
  padding: 4px 5px;
}
footer .footer-wrapper .social-section a.twitter:hover {
  color: #0B393E;
  border-color: #0B393E;
  transition: 0.3s all ease-in-out;
}
footer .footer-wrapper .social-section a.linkedin {
  color: #1A818D;
  font-size: 14px;
  border: 2px solid #1A818D;
  border-radius: 50%;
  padding: 3px 6px;
}
footer .footer-wrapper .social-section a.linkedin:hover {
  color: #0B393E;
  border-color: #0B393E;
  transition: 0.3s all ease-in-out;
}
footer .footer-wrapper .social-section a.youtube {
  color: #1A818D;
  font-size: 14px;
  border: 2px solid #1A818D;
  border-radius: 50%;
  padding: 3px 4px;
}
footer .footer-wrapper .social-section a.youtube:hover {
  color: #0B393E;
  border-color: #0B393E;
  transition: 0.3s all ease-in-out;
}
footer .footer-wrapper .link-section ul li {
  list-style: none;
  display: inline-block;
  margin-right: 1rem;
}
footer .footer-wrapper .link-section ul li ::after {
  content: "|";
  padding-left: 1rem;
  color: #E3E3E3;
}
footer .footer-wrapper .link-section ul li:last-child ::after {
  content: "";
}
footer .footer-wrapper .link-section ul li a {
  color: #727272;
  text-decoration: none;
  font-size: 14px;
}
footer .footer-wrapper .link-section ul li a:hover {
  transition: 0.1s ease-in all;
  color: #1A818D;
}
footer .footer-wrapper .link-section ul li .ot-sdk-show-settings {
  color: #727272 !important;
  text-decoration: none;
  font-size: 14px !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0;
  font-family: "roche-sansregular";
}
footer .footer-wrapper .link-section ul li .ot-sdk-show-settings:hover {
  transition: 0.1s ease-in all;
  color: #1A818D;
}
footer .description-section {
  background: #1A818D;
  padding: 12px 32px;
}
footer .description-section p {
  color: #ffffff;
  font-size: 10px;
  line-height: 14px;
  font-family: roche-sanslight;
}
footer .copyright-section {
  background: #ffffff;
  padding: 6px 32px;
  display: flex;
  justify-content: space-between;
}
footer .copyright-section p {
  color: #727272;
  font-size: 10px;
  line-height: 14px;
  font-family: roche-sanslight;
}

/* Footer SCSS ends here */
.user-pass .is-disabled {
  background: #F6F6F6 !important;
  cursor: not-allowed !important;
}

.customer-registration-form .password-strength {
  display: none;
}

#customer-registration-form .password-confirm-message {
  display: none;
}

#pass-guide {
  margin: 0.5rem auto;
  text-align: left;
}
#pass-guide .password-suggestions {
  font-size: 14px;
}
#pass-guide ul {
  text-align: left;
  margin-top: 0.3rem;
  margin-left: 1rem;
}
#pass-guide ul li {
  font-size: 14px;
  color: #5C5C5C;
  line-height: 20px;
  clear: left;
}

.validation-msg {
  text-align: left;
  margin-top: 6px;
  padding-top: 6px;
}
.validation-msg p {
  font-size: 12px;
  color: #D63301;
  display: flex;
}

.addon-confirm-password .show-hide-conf-password {
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.6rem;
  cursor: pointer;
  right: 45px;
  position: absolute;
}

.error-wrapper {
  display: flex;
  justify-content: space-between;
  width: 75%;
  align-items: center;
  margin: 0 auto;
}
.error-wrapper .left-section {
  width: 360px;
  text-align: center;
}
.error-wrapper .left-section p {
  font-size: 20px;
  color: #0B393E;
  margin-bottom: 12px;
}
.error-wrapper .left-section a {
  font-size: 14px;
  color: #1A818D;
}

.mainNav {
  display: flex;
  justify-content: space-between;
  padding: 1rem 32px;
  align-items: center;
}
.mainNav .mainNav__logo {
  display: flex;
  align-items: center;
}

.menu-border .mainNav {
  border-bottom: 1px solid #E3E3E3;
}

.secondary-nav {
  display: flex;
  justify-content: space-between;
  padding: 14px 32px;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);
  height: 44px;
  margin-bottom: 2px;
}
.secondary-nav .mainNav__links ul {
  display: flex;
  align-items: center;
}
.secondary-nav .mainNav__links ul li {
  margin-right: 32px;
  list-style: none;
}
.secondary-nav .mainNav__links ul li a {
  color: #5c5c5c;
  text-decoration: none;
  font-size: 14px;
  position: relative;
}
.secondary-nav .mainNav__links ul li a.active {
  color: #1a818d;
  font-family: "roche-sansregular";
}
.secondary-nav .mainNav__links ul li a.active::after {
  content: "";
  border-bottom: 2px solid;
  width: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -4px auto;
}
.secondary-nav .mainNav__links ul li a:hover {
  color: #1a818d;
  transition: 0.1s ease-in all;
}
.secondary-nav .mainNav__links ul li a:last-child {
  margin-right: 0;
}
.secondary-nav .mainNav__profile {
  display: flex;
}
.secondary-nav .mainNav__profile .search_notification_section {
  display: flex;
  align-items: center;
  position: relative;
  border-right: 1px solid #E3E3E3;
  margin-right: 1rem;
}
.secondary-nav .mainNav__profile .search_notification_section .searchBox {
  background: transparent;
  border-radius: 4px;
  border: 1px solid #1A818D;
  margin-right: 1rem;
}
.secondary-nav .mainNav__profile .search_notification_section .searchBox:hover > .searchInput {
  width: 194px;
  padding: 5px 10px;
}
.secondary-nav .mainNav__profile .search_notification_section .searchBox:hover > .searchButton {
  background: white;
  color: #1A818D;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
  border-left: 1px solid #1A818D;
}
.secondary-nav .mainNav__profile .search_notification_section .searchBox .searchButton {
  color: #8F8F8F;
  float: right;
  width: 25px;
  height: 24px;
  border-radius: 4px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
  border: 1px solid #1A818D;
}
.secondary-nav .mainNav__profile .search_notification_section .searchBox .searchInput {
  border: none;
  background: none;
  outline: none;
  float: left;
  padding: 0;
  color: #8F8F8F;
  font-size: 12px;
  transition: 0.4s;
  line-height: 14px;
  width: 0px;
  letter-spacing: 0.5px;
}
.secondary-nav .mainNav__profile .search_notification_section .contact-section {
  margin-right: 1rem;
  position: relative;
  padding: 12px 5px;
}
.secondary-nav .mainNav__profile .search_notification_section .contact-section a {
  display: flex;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section {
  margin-right: 1rem;
  position: relative;
  padding: 12px 5px;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section > a {
  display: flex;
  text-decoration: none;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section > a i.fa-regular {
  font-size: 20px;
  color: #1A818D;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section > a:hover {
  color: #0B393E;
  transition: 0.3s all ease-in-out;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  background: #1A818D;
  right: 1px;
  top: 10px;
  color: #fff;
  text-align: center;
  padding: 1px;
  font-size: 10px;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown {
  display: none;
  background: #ffffff;
  border-radius: 8px;
  position: absolute;
  width: 445px;
  right: 0;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
  top: 43px;
  z-index: 9;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .header-text {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #E3E3E3;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .header-text h4 {
  color: #5C5C5C;
  font-size: 1rem;
  font-family: "roche-sansregular";
  font-weight: 500;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .header-text p {
  color: #5C5C5C;
  font-size: 14px;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .main-text-section {
  padding: 1rem;
  height: 150px;
  overflow: auto;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .main-text-section::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .main-text-section::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .main-text-section::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .main-text-section .list-items {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .main-text-section .list-items:last-child {
  padding-bottom: 0;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .main-text-section .list-items a {
  color: #5C5C5C;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .main-text-section .list-items a:before {
  display: block;
  content: "";
  width: 14px;
  height: 12px;
  background: url(../images/env.svg) no-repeat;
  background-size: contain;
  margin-right: 10px;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .main-text-section .list-items a:hover {
  transition: 0.1s ease-in all;
  color: #1A818D;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown .main-text-section .list-items span {
  color: #5C5C5C;
  font-size: 12px;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section .notification-dropdown ul.main-text-section li:before {
  display: block;
  content: "";
  width: 14px;
  height: 12px;
  background: url(/themes/custom/rocfr/images/envelope.svg) no-repeat;
  background-size: contain;
  margin-right: 10px;
}
.secondary-nav .mainNav__profile .search_notification_section .notification-section:hover .notification-dropdown {
  display: block;
}
.secondary-nav .my_profile_section {
  display: flex;
  align-items: center;
  position: relative;
}
.secondary-nav .my_profile_section p {
  color: #0B393E;
  font-size: 14px;
  margin-right: 1rem;
}
.secondary-nav .my_profile_section .profile-section:hover .drop-menu {
  display: block;
}
.secondary-nav .my_profile_section .profile-section .drop-anchor {
  display: flex;
  padding: 10px 5px 15px 5px;
  text-decoration: none;
}
.secondary-nav .my_profile_section .profile-section .drop-anchor i.fa-regular {
  font-size: 20px;
  color: #1A818D;
}
.secondary-nav .my_profile_section .profile-section .drop-menu {
  display: none;
  position: absolute;
  right: -25%;
  background-color: #ffffff;
  min-width: 153px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  overflow: hidden;
  top: 30px;
  z-index: 1000;
}
.secondary-nav .my_profile_section .profile-section .drop-menu .drop-menu-item {
  width: 100%;
  list-style: none;
  padding: 12px;
  border-bottom: 1px solid #E3E3E3;
}
.secondary-nav .my_profile_section .profile-section .drop-menu .drop-menu-item:last-child {
  border-bottom: none;
}
.secondary-nav .my_profile_section .profile-section .drop-menu .drop-menu-item:hover {
  background: #FAFAFA;
  transition: 0.1s ease-in all;
}
.secondary-nav .my_profile_section .profile-section .drop-menu .drop-menu-item a {
  color: #0B393E;
  font-size: 14px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.secondary-nav .my_profile_section .profile-section .drop-menu .drop-menu-item a i {
  margin-right: 8px;
  color: #1A818D;
  font-size: 14px;
}
.secondary-nav .my_profile_section .profile-section .drop-menu .drop-menu-item a:hover {
  color: #1A818D;
  transition: 0.3s all ease-in-out;
}

.admin-nav {
  justify-content: end;
}

.site-header {
  position: relative;
}
.site-header .site-header__fixable {
  position: static;
  top: 72px;
  z-index: 99;
  padding: 14px 32px;
}
.site-header .site-header__fixable ul.sf-menu {
  display: flex;
  align-items: center;
}
.site-header .site-header__fixable ul.sf-menu li {
  margin-right: 32px;
  list-style: none;
  position: relative;
}
.site-header .site-header__fixable ul.sf-menu li a {
  color: #0B393E;
  text-decoration: none;
  font-size: 14px;
  padding: 0;
  position: relative;
}
.site-header .site-header__fixable ul.sf-menu li a.active {
  color: #1a818d;
  font-family: "roche-sansregular";
  font-weight: 600;
}
.site-header .site-header__fixable ul.sf-menu li a.active::after {
  content: "";
  border-bottom: 2px solid;
  width: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -4px auto;
}
.site-header .site-header__fixable ul.sf-menu li a.is-active {
  color: #1a818d;
  font-family: "roche-sansregular";
  font-weight: 600;
}
.site-header .site-header__fixable ul.sf-menu li a.is-active::after {
  content: "";
  border-bottom: 2px solid;
  width: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -4px auto;
}
.site-header .site-header__fixable ul.sf-menu li a:hover {
  color: #1a818d;
  transition: 0.1s ease-in all;
}
.site-header .site-header__fixable ul.sf-menu li a:last-child {
  margin-right: 0;
}
.site-header .site-header__fixable ul.sf-menu li ul {
  top: 2em !important;
  width: 10em !important;
  border-radius: 4px;
  right: 0;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.site-header .site-header__fixable ul.sf-menu li ul .sf-depth-2 {
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #E3E3E3;
}
.site-header .site-header__fixable ul.sf-menu li ul .sf-depth-2 a {
  color: #0B393E;
  text-decoration: none;
  font-size: 14px;
  padding: 12px;
  margin: 0;
}
.site-header .site-header__fixable ul.sf-menu li ul .sf-depth-2:last-child {
  border-bottom: none;
}
.site-header .site-header__fixable ul.sf-menu li ul .sf-depth-2:hover {
  background: #FAFAFA;
  transition: 0.5s ease-in all;
  border-radius: 4px;
}
.site-header .site-header__fixable ul.sf-menu li span.sf-sub-indicator {
  height: 0.8em;
  transform: translate(100%, -50%);
  right: 0;
  width: 100%;
}
.site-header .site-header__fixable ul.sf-menu li span.sf-sub-indicator::after {
  font-family: "Font Awesome 6 Free";
  content: "\f107";
  display: inline-block;
  padding-left: 5px;
  font-size: 15px;
  font-weight: 600;
}
.site-header .site-header__fixable .block-masquerade {
  position: absolute;
  right: 63%;
  top: 80%;
  z-index: 999;
}
.site-header .site-header__fixable .block-masquerade .block__content a i {
  color: #1A818D;
}
.site-header .site-header__fixable .site-header__inner .site-header__inner__container .sitealert-bar .block__content .warning-msg {
  width: -moz-max-content;
  width: max-content;
  height: 60px;
  border-radius: 8px;
}
.site-header .site-header__fixable .site-header__inner .site-header__inner__container .sitealert-bar .block__content .warning-msg .warning-inner-section {
  display: flex;
  align-items: center;
}
.site-header .site-header__fixable .site-header__inner .site-header__inner__container .sitealert-bar .block__content .warning-msg .warning-inner-section i.fa-solid {
  color: #0B393E;
  font-size: 1rem;
}
.site-header .site-header__fixable .site-header__inner .site-header__inner__container .sitealert-bar .block__content .warning-msg .warning-inner-section p {
  width: 100%;
  display: block;
  font-size: 14px;
  color: #0B393E;
  margin-right: 1rem;
}
.site-header .site-header__fixable .site-header__inner .site-header__inner__container .sitealert-bar .block__content .warning-msg .close-btn {
  text-decoration: none;
  font-size: 1rem;
  color: #1A818D;
}

.footer-text {
  text-align: center;
  font-size: 12px;
  color: #5C5C5C;
  padding-bottom: 1rem;
  font-family: roche-sanslight;
}

.checkbox_item .checkbox_wrap .checkbox_mark {
  display: inline-block;
  position: relative;
  border-radius: 25px;
}
.checkbox_item .checkbox_wrap .checkbox_inp {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}
.checkbox_item:last-child .checkbox_wrap {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  height: 100%;
  color: #5C5C5C;
  font-size: 14px;
}
.checkbox_item.citem_2 .checkbox_wrap .checkbox_mark {
  border: 2px solid #1A818D;
  width: 22px;
  height: 14px;
  padding: 2px;
  margin-left: 8px;
  cursor: pointer;
}
.checkbox_item.citem_2 .checkbox_wrap .checkbox_mark:before {
  top: 1px;
  left: 2px;
  width: 7px;
  height: 7px;
  background: #1A818D;
  border-radius: 25px;
}
.checkbox_item.citem_2 .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark {
  border-color: #1A818D;
}
.checkbox_item.citem_2 .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark:before {
  left: 9px;
  background: #1A818D;
}

.checkbox_item .checkbox_wrap .checkbox_mark:before,
.checkbox_item .checkbox_wrap .checkbox_mark:after {
  content: "";
  position: absolute;
  transition: all 0.5s ease;
}

.backoffice-homepage-container {
  padding: 28px 32px;
  position: relative;
}
.backoffice-homepage-container .card-wrapper .row {
  display: flex;
  flex-wrap: wrap;
}
.backoffice-homepage-container .card-wrapper .row .card {
  width: 23.5%;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 22px 18px;
  margin-right: 25px;
  margin-bottom: 25px;
  height: 160px;
  text-decoration: none;
}
.backoffice-homepage-container .card-wrapper .row .card:nth-child(4) {
  margin-right: 0;
}
.backoffice-homepage-container .card-wrapper .row .card:nth-child(5) {
  margin-bottom: 0;
}
.backoffice-homepage-container .card-wrapper .row .card:nth-child(6) {
  margin-bottom: 0;
}
.backoffice-homepage-container .card-wrapper .row .card:nth-child(7) {
  margin-bottom: 0;
}
.backoffice-homepage-container .card-wrapper .row .card:nth-child(8) {
  margin-right: 0;
  margin-bottom: 0;
}
.backoffice-homepage-container .card-wrapper .row .card:nth-child(12) {
  margin-right: 0;
}
.backoffice-homepage-container .card-wrapper .row .card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.backoffice-homepage-container .card-wrapper .row .card .card-header figure i {
  color: #1A818D;
  font-size: 26px;
}
.backoffice-homepage-container .card-wrapper .row .card .card-header .bounce i {
  font-size: 20px;
  color: #1A818D;
}
.backoffice-homepage-container .card-wrapper .row .card .card-header .bounce svg path {
  color: #1a818d;
  fill: currentColor;
}
.backoffice-homepage-container .card-wrapper .row .card .card-body h3 {
  font-size: 16px;
  margin-bottom: 6px;
  color: #1A818D;
  text-transform: capitalize;
}
.backoffice-homepage-container .card-wrapper .row .card .card-body p {
  font-size: 12px;
  color: #0B393E;
}
.backoffice-homepage-container .card-wrapper .row .card:hover {
  background: #1a818d;
  cursor: pointer;
  transition: all 0.5s ease;
  box-shadow: 1px 1px 20px 4px rgba(0, 0, 0, 0.1);
}
.backoffice-homepage-container .card-wrapper .row .card:hover h3 {
  color: #fff;
}
.backoffice-homepage-container .card-wrapper .row .card:hover p {
  color: #fff;
}
.backoffice-homepage-container .card-wrapper .row .card:hover .card-header figure i {
  color: #fff;
  transition: 0.3s all ease-in-out;
}
.backoffice-homepage-container .card-wrapper .row .card:hover .card-header .bounce i {
  color: #fff;
  transition: 0.3s all ease-in-out;
}
.backoffice-homepage-container .card-wrapper .row .card:hover i {
  color: #fff;
}
.backoffice-homepage-container .card-wrapper .row .card:hover svg path {
  color: #fff;
  fill: currentColor;
}
.backoffice-homepage-container .card-wrapper .row .card:hover .bounce svg path {
  color: #fff;
  fill: currentColor;
}
.backoffice-homepage-container .card-wrapper .row .card:hover .bounce {
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateX(-20px);
  }
  60% {
    transform: translateX(-10px);
  }
}

.error-outer-wrapper .error-wrapper {
  display: flex;
  justify-content: space-between;
  width: 75%;
  align-items: center;
  margin: 0 auto;
}
.error-outer-wrapper .error-wrapper .left-section {
  width: 360px;
  text-align: center;
}
.error-outer-wrapper .error-wrapper .left-section p {
  font-size: 20px;
  color: #5C5C5C;
  margin-bottom: 12px;
}
.error-outer-wrapper .error-wrapper .left-section a {
  font-size: 14px;
  color: #1A818D;
}
.error-outer-wrapper .inner-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 1.3rem auto;
  width: 80%;
  align-items: center;
}
.error-outer-wrapper .inner-wrapper .left-section {
  width: 410px;
  margin-right: 3rem;
}
.error-outer-wrapper .inner-wrapper .left-section h3 {
  margin-bottom: 3rem;
  font-size: 24px;
}
.error-outer-wrapper .inner-wrapper .left-section p {
  font-size: 14px;
  color: #5C5C5C;
}

.form-section .form__group {
  position: relative;
  display: block;
}

.form-section .form__group .form__field::-moz-placeholder {
  color: transparent;
}
.form-section .form__group .form__field::placeholder {
  color: transparent;
}
.form-section .form__group .form__field:focus ~ label {
  color: #1A818D;
  transition: 0.5s ease all;
}
.form-section .form__group .form__field:focus ~ .addon-button {
  border: 2px solid #1A818D;
  transition: 0.5s ease all;
}

.form-section .form__group .validation-msg {
  position: absolute;
  margin-top: 3px;
}
.form-section .form__group .validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.form-section .form__group .validation-msg p img {
  padding-right: 5px;
}

.form-section .forgot-message {
  color: #5C5C5C;
  margin: 2rem 0;
}

.form-section .password-req-section {
  margin: 0.5rem auto;
  text-align: left;
}
.form-section .password-req-section label {
  font-size: 12px;
  color: #5C5C5C;
  margin-bottom: 0.5rem;
}
.form-section .password-req-section ul {
  text-align: left;
  margin-top: 0.3rem;
}
.form-section .password-req-section ul li {
  font-size: 12px;
  list-style: none;
  color: #5C5C5C;
  line-height: 18px;
  clear: left;
}
.form-section .password-req-section ul li::before {
  content: "";
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background: url(/themes/custom/rocfr/images/charm_tick.svg);
  background-size: cover;
  margin-right: 6px;
}

.form-section .success-img-section {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #1A818D;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem auto;
}
.form-section .success-img-section img {
  text-align: center;
}

.warning-msg {
  background: #FFC845;
  padding: 12px 20px;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 999;
}
.warning-msg div {
  display: flex;
  align-items: center;
}
.warning-msg div p {
  color: #0B393E;
  margin-left: 1rem;
}
.warning-msg .close-btn {
  display: flex;
}

.my-account-wrapper {
  padding: 32px;
}
.my-account-wrapper .my-account-section {
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}
.my-account-wrapper .my-account-section .my-account {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.my-account-wrapper .my-account-section .my-account h4 {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: bold;
  color: #5C5C5C;
}
.my-account-wrapper .my-account-section .my-account h4 img {
  margin-right: 12px;
}
.my-account-wrapper .my-account-section .my-account label {
  color: #5C5C5C;
  margin-top: 12px;
}
.my-account-wrapper .my-account-section .btn-section button {
  border-radius: 8px;
  padding: 0.6rem 2rem;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 140px;
  font-weight: 600;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 208px;
  padding: 11px 21px;
}
.my-account-wrapper .my-account-section .btn-section button:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.my-account-wrapper .notification-wrapper {
  margin-top: 20px;
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  display: flex;
}
.my-account-wrapper .notification-wrapper .notification-header {
  display: flex;
  justify-content: space-between;
  padding: 24px 32px;
  border-bottom: 1px solid #E3E3E3;
}
.my-account-wrapper .notification-wrapper .notification-list-section {
  width: 40%;
  border-right: 1px solid #E3E3E3;
}
.my-account-wrapper .notification-wrapper .notification-list-section .my-account-text {
  display: flex;
  align-items: center;
}
.my-account-wrapper .notification-wrapper .notification-list-section .my-account-text img {
  margin-right: 12px;
}
.my-account-wrapper .notification-wrapper .notification-list-section .my-account-text p {
  color: #5C5C5C;
  font-weight: bold;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list {
  margin-bottom: 2rem;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li {
  list-style: none;
  border-bottom: 1px solid #E3E3E3;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li:last-child {
  border-bottom: none;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div:hover {
  background: #beecf1;
  cursor: pointer;
  color: #5C5C5C;
  transition: all 0.2s ease-out;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div p {
  color: #1A818D;
  font-size: 14px;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div span {
  font-size: 14px;
  color: #1A818D;
}
.my-account-wrapper .notification-wrapper .notification-list-section nav {
  display: flex;
  justify-content: center;
}
.my-account-wrapper .notification-wrapper .notification-list-section nav ul.pagination {
  display: flex;
}
.my-account-wrapper .notification-wrapper .notification-list-section nav ul.pagination li.page-item {
  padding: 0 10px;
  list-style: none;
}
.my-account-wrapper .notification-wrapper .notification-list-section nav ul.pagination li.page-item a {
  text-decoration: none;
}
.my-account-wrapper .notification-wrapper .notification-list-section nav ul.pagination .active {
  background: #1A818D;
  border-radius: 4px;
}
.my-account-wrapper .notification-wrapper .notification-list-section nav ul.pagination .active a {
  color: #ffffff;
}
.my-account-wrapper .notification-wrapper .notification-expended-section {
  width: 60%;
  padding: 24px 32px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-subject {
  display: flex;
  align-items: center;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-subject h4 {
  color: #5C5C5C;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-subject i {
  margin-right: 12px;
  font-size: 16px;
  color: #1A818D;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-subject img {
  margin-right: 12px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-time {
  display: flex;
  align-items: center;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-time span {
  color: #5C5C5C;
  font-size: 14px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-time span:first-child {
  border-right: 1px solid #E3E3E3;
  padding-right: 10px;
  margin-right: 10px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-time button {
  border: transparent;
  cursor: pointer;
  background: transparent;
  margin-left: 20px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-body pre {
  font-family: "roche-sansregular";
  white-space: pre-line;
  padding: 0;
  margin: 0;
  color: #5C5C5C;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-body .more-details-section {
  text-align: center;
  padding: 2rem 0;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-body .more-details-section button {
  border-radius: 8px;
  padding: 0.6rem 2rem;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 140px;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-body .more-details-section button:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-preview-section {
  width: 100%;
  height: 88%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-preview-section .no-item-selected {
  padding: 1rem;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-preview-section .no-item-selected p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #0B393E;
  margin-bottom: 20px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-preview-section .no-item-selected i {
  margin-bottom: 20px;
  font-size: 34px;
  color: #1A818D;
}

/* Terms And Conditions */
.terms-and-conditions {
  padding: 28px 32px;
  font-size: 14px;
  color: #0B393E;
}
.terms-and-conditions .inner-wrapper {
  padding: 2rem 3rem;
}
.terms-and-conditions .inner-wrapper .header-section {
  margin-bottom: 20px;
}
.terms-and-conditions .inner-wrapper .header-section h1 {
  font-size: 32px;
  color: #1A818D;
  margin-bottom: 20px;
}
.terms-and-conditions .inner-wrapper .header-section h5 {
  font-size: 1rem;
  color: #1A818D;
  margin-bottom: 20px;
}
.terms-and-conditions .inner-wrapper .header-section p {
  font-size: 14px;
  color: #5C5C5C;
  font-weight: bold;
}
.terms-and-conditions .inner-wrapper .body-section {
  margin-bottom: 20px;
}
.terms-and-conditions .inner-wrapper .body-section pre {
  font-family: "roche-sansregular";
  white-space: pre-line;
  padding: 0;
  margin: 0;
  color: #5C5C5C;
  margin-bottom: 14px;
  line-height: 24px;
  font-size: 14px;
}
.terms-and-conditions .inner-wrapper .address-section {
  display: flex;
}
.terms-and-conditions .inner-wrapper .address-section div {
  margin-right: 1.5rem;
}
.terms-and-conditions .inner-wrapper .address-section div pre {
  font-family: "roche-sansregular";
  white-space: pre-line;
  padding: 0;
  margin: 0;
  color: #5C5C5C;
}
.terms-and-conditions .inner-wrapper .contact-section {
  margin-bottom: 14px;
}
.terms-and-conditions .inner-wrapper .contact-section p {
  line-height: 34px;
}
.terms-and-conditions .inner-wrapper .contact-section p a {
  color: #1A818D;
}
.terms-and-conditions .inner-wrapper .footer-section p {
  color: #0B393E;
  line-height: 24px;
  font-size: 14px;
}
.terms-and-conditions .inner-wrapper .footer-section p a {
  color: #1A818D;
}

.read-more {
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  text-transform: lowercase;
  color: #1A818D;
}

/* Contact Us */
.contact-us-wrapper nav.breadcrumb-section {
  padding: 28px 32px;
}
.contact-us-wrapper nav.breadcrumb-section ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.contact-us-wrapper nav.breadcrumb-section ol li {
  display: inline;
  padding-right: 1rem;
  color: #0B393E;
}
.contact-us-wrapper nav.breadcrumb-section ol li a {
  text-decoration: none;
  padding-right: 1rem;
}
.contact-us-wrapper nav.breadcrumb-section ol li .active {
  color: #1A818D;
}
.contact-us-wrapper nav.breadcrumb-section ol li::after {
  position: absolute;
  color: #1A818D;
}
.contact-us-wrapper nav.breadcrumb-section ol li:last-child::after {
  content: "";
}
.contact-us-wrapper h1 {
  color: #1A818D;
  padding-bottom: 2rem;
  font-size: 1.8rem;
  position: relative;
  text-align: center;
}
.contact-us-wrapper h1::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #1A818D;
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.contact-us-wrapper .inner-wrapper {
  display: flex;
  margin-top: 3rem;
}
.contact-us-wrapper .inner-wrapper .left-section {
  width: 70%;
  background: url(/themes/custom/rocfr/images/shape-bg.png) no-repeat;
}
.contact-us-wrapper .inner-wrapper .left-section .content-section {
  padding: 4rem;
}
.contact-us-wrapper .inner-wrapper .left-section .content-section div {
  margin-bottom: 2rem;
  width: 540px;
}
.contact-us-wrapper .inner-wrapper .left-section .content-section div h5 {
  font-weight: bold;
  color: #5C5C5C;
  font-size: 18px;
  margin-bottom: 20px;
}
.contact-us-wrapper .inner-wrapper .left-section .content-section div h5 a {
  color: #1A818D;
  text-decoration: none;
}
.contact-us-wrapper .inner-wrapper .left-section .content-section div p {
  color: #5C5C5C;
  font-size: 18px;
}
.contact-us-wrapper .inner-wrapper .left-section .content-section div p strong {
  color: #1A818D;
}
.contact-us-wrapper .inner-wrapper .left-section .content-section .m-0 {
  margin-bottom: 0;
}
.contact-us-wrapper .inner-wrapper .left-section .content-section label {
  font-weight: bold;
  color: #5C5C5C;
  font-size: 18px;
}
.contact-us-wrapper .inner-wrapper .right-section {
  width: 30%;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section {
  text-align: center;
  height: auto;
  width: 340px;
  margin: 4rem auto;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .cta-section .sign-in-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .cta-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group {
  position: relative;
  display: block;
  padding-top: 15px;
  margin-bottom: 20px;
  text-align: left;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #8F8F8F;
  border: 2px solid #d2d2d2;
  outline: none;
  width: 100%;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group .form__field:focus {
  border: 2px solid #1A818D;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group .form__field:focus + .form__label {
  color: #1A818D;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group label.option {
  position: absolute;
  top: 8px;
  display: block;
  width: auto;
  font-size: 12px;
  line-height: 15px;
  left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #B5B5B5;
  background: #fff;
  padding: 0 5px;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group label.option:nth-child(0) {
  top: 30%;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group .form__field::-moz-placeholder {
  color: transparent;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group .form__field::placeholder {
  color: transparent;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group .form__field:focus + .option {
  color: #1A818D;
  transition: 0.5s ease all;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group .form__field:focus ~ .addon-button {
  border: 2px solid #1A818D;
  transition: 0.5s ease all;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group .addon-button {
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #d2d2d2;
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group .addon-button button {
  padding: 0.29rem 0.6rem;
  cursor: pointer;
  overflow: hidden;
  background: #F6F6F6;
  border: none;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group .validation-msg {
  position: absolute;
  margin-top: 3px;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group .validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .form__group .validation-msg p img {
  padding-right: 5px;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .terms-description .checkbox-block {
  margin: 1.3rem auto;
  text-align: left;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .terms-description .checkbox-block .form-group {
  display: block;
  margin-bottom: 15px;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .terms-description .checkbox-block .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .terms-description .checkbox-block .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 4px;
  height: 9px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .terms-description .checkbox-block .form-group input:checked + label:before {
  border-color: #1A818D;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .terms-description .checkbox-block .form-group label {
  position: relative;
  cursor: pointer;
  color: #0B393E;
  font-size: 14px;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .terms-description .checkbox-block .form-group label a {
  cursor: pointer;
  color: #1A818D;
}
.contact-us-wrapper .inner-wrapper .right-section .form-section .terms-description .checkbox-block .form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #B5B5B5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 4px;
}

.drupal-error-msg {
  display: none;
}

.h-auto {
  height: auto !important;
}

.align-center {
  justify-content: center !important;
}

.roche-customer-contactus .is-disabled {
  background: #F6F6F6 !important;
  cursor: not-allowed !important;
}
.roche-customer-contactus .inner-wrapper .right-section .form-section .form__group .mob-validation-msg {
  margin-top: 3px;
  padding-top: 0px;
}
.roche-customer-contactus .inner-wrapper .right-section .form-section .form__group .mob-validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
  padding-top: 5px;
}
.roche-customer-contactus .inner-wrapper .right-section .form-section .form__group .mob-validation-msg img {
  padding-right: 5px;
}
.roche-customer-contactus .inner-wrapper .right-section .form-section .form__group .name-validation-msg {
  margin-top: 3px;
  padding-top: 0px;
}
.roche-customer-contactus .inner-wrapper .right-section .form-section .form__group .name-validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
  padding-top: 5px;
}
.roche-customer-contactus .inner-wrapper .right-section .form-section .form__group .name-validation-msg img {
  padding-right: 5px;
}
.roche-customer-contactus .pt-8 {
  padding-top: 5px !important;
}
.roche-customer-contactus .form__disable {
  border: 2px solid #B5B5B5 !important;
  background-color: #F6F6F6 !important;
  color: #b5b5b5 !important;
  cursor: not-allowed;
}

.greyBorder {
  border: 2px solid #b5b5b5 !important;
}

.greyColor {
  color: #E3E3E3 !important;
}

.blueBorder {
  border-color: #1A818D !important;
}

.blueColor {
  color: #1A818D !important;
}

.redBorder {
  border: 2px solid #D63301 !important;
}

.redColor {
  color: #D63301 !important;
}

/* Contact us end */
.products-outer-wrapper {
  padding: 28px 32px;
}
.products-outer-wrapper .search-section {
  margin: 25px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.products-outer-wrapper .search-section .search-box {
  width: 220px;
  position: relative;
  display: flex;
}
.products-outer-wrapper .search-section .search-box .cross-button {
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  padding: 3px 10px;
  border: 2px solid #b5b5b5;
}
.products-outer-wrapper .search-section .search-box .cross-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f057";
  display: inline-block;
  font-weight: 500;
  color: #1A818D;
}
.products-outer-wrapper .search-section .search-box .search-input {
  width: 100%;
  height: 32px;
  padding: 5px;
  border: 2px solid #b5b5b5;
  border-radius: 4px 0 0 4px;
  border-right: none;
  outline: none;
  font-size: 14px;
  color: #0B393E;
  background: none;
  font-family: roche-sansregular;
  display: flex;
  justify-content: center;
  align-items: center;
}
.products-outer-wrapper .search-section .search-box .search-input:focus + .products-outer-wrapper .search-section .search-box .search-button {
  border: 2px solid #1A818D;
}
.products-outer-wrapper .search-section .search-box .search-button {
  padding: 3px 10px;
  background: transparent;
  border: 2px solid #b5b5b5;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.products-outer-wrapper .search-section .search-box .search-button input {
  width: 20px;
  height: 20px;
  z-index: 1;
  border: none;
}
.products-outer-wrapper .search-section .search-box .search-button i {
  font-size: 16px;
  color: #1A818D;
  position: absolute;
  right: 15px;
  top: 7px;
  display: inline-block;
  z-index: -1;
}
.products-outer-wrapper .search-section .search-box .search-button img {
  width: 16px;
  height: 16px;
}
.products-outer-wrapper .search-section .create-ref-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
  text-decoration: none;
}
.products-outer-wrapper .search-section .create-ref-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.products-outer-wrapper .search-section .create-ref-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.products-outer-wrapper main .container {
  width: 100%;
}
.products-outer-wrapper main .container .tabbedPanels .tabs {
  border-bottom: 1px solid #E3E3E3;
}
.products-outer-wrapper main .container .tabbedPanels .tabs li:first-child {
  margin-right: 1rem;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.products-outer-wrapper main .container .tabbedPanels .tabs li {
  margin: 0 1rem;
  width: auto;
  text-align: center;
  display: inline-flex;
  -webkit-box-pack: center;
  vertical-align: top;
  justify-content: flex-start;
  cursor: pointer;
}
.products-outer-wrapper main .container .tabbedPanels .tabs li a {
  color: #0B393E;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 0 8px 0;
}
.products-outer-wrapper main .container .tabbedPanels .tabs li a.active {
  color: #1A818D;
  border-bottom: 2px solid #1A818D;
  font-weight: bold;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  border-collapse: collapse;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table thead tr {
  background-color: #fafafa;
  text-align: left;
  border-bottom: 1px solid #E3E3E3;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table thead tr th {
  font-size: 14px;
  color: #1A818D;
  font-family: "roche-sansmedium";
  padding: 18px 15px;
  font-weight: 500;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr:last-child {
  border-bottom: none;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr td span {
  width: 65px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr td span img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr td:nth-child(1) {
  width: 180px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr td:nth-child(2) {
  width: 300px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr td:nth-child(2) p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr td:nth-child(3) {
  width: 170px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr td:nth-child(4) {
  width: 170px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr .edit-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  margin-right: 1rem;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr .delete-btn {
  background: transparent;
  border: none;
  cursor: pointer;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .products-table-section .content-table tbody tr:last-child {
  border-bottom: none;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  border-collapse: collapse;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table thead tr {
  background-color: #fafafa;
  text-align: left;
  border-bottom: 1px solid #E3E3E3;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table thead tr th {
  color: #1A818D;
  font-family: "roche-sansmedium";
  font-weight: normal;
  padding: 18px 15px;
  font-size: 14px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr:last-child {
  border-bottom: none;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(1) {
  width: 120px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(2) {
  width: 250px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(2) p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #0B393E;
  font-size: 14px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(3) {
  width: 300px;
}
@media screen and (min-width: 1920px) {
  .products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(3) {
    width: 370px;
    padding: 0 60px 0 16px;
  }
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(3) .services-tooltip .text-container p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 14px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(3) .services-tooltip .text-container p span {
  color: #0B393E !important;
  font-size: 14px !important;
  font-family: inherit !important;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(4) {
  width: 160px;
}
@media screen and (min-width: 1920px) {
  .products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(4) {
    width: 130px;
  }
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(4) span {
  width: 65px;
  height: 60px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(4) span img {
  margin: 0;
  padding: 0;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(5) {
  width: 200px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(6) {
  width: 170px;
}
@media screen and (min-width: 1920px) {
  .products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(6) {
    width: 102px;
  }
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(7) {
  width: 20px;
}
@media screen and (min-width: 1920px) {
  .products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td:nth-child(7) {
    width: 10px;
  }
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td .download-zip {
  color: #1A818D;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td .download-zip p {
  max-width: 37ch !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td .services-tooltip .text-container ul {
  margin-left: 20px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td .edit-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  margin-right: 1rem;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td .edit-btn .edit-product-service i {
  font-size: 16px;
  color: #1A818D;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td .delete-btn {
  background: transparent;
  border: none;
  cursor: pointer;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr td .delete-btn .delete-node i {
  font-size: 16px;
  color: #D63301;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .services-table-section .content-table tbody tr:last-child {
  border-bottom: none;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  border-collapse: collapse;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table thead tr {
  background-color: #fafafa;
  text-align: left;
  border-bottom: 1px solid #E3E3E3;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table thead tr th {
  color: #1A818D;
  font-family: "roche-sansmedium";
  font-weight: normal;
  padding: 18px 15px;
  font-size: 14px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr:last-child {
  border-bottom: none;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr td:nth-child(1) {
  width: 160px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr td:nth-child(2) {
  width: 200px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr td:nth-child(3) {
  width: 350px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr td:nth-child(4) {
  width: 150px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr td .plus-minu-section .input-group {
  display: flex;
  align-items: center;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr td .plus-minu-section .input-group input[type=number] {
  width: 40px;
  display: inline-block;
  font-size: 14px;
  padding: 8px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  color: #0B393E;
  cursor: pointer;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr td .plus-minu-section .input-group input[type=number]:focus {
  border-width: 2px;
  border-style: solid;
  border-color: #1A818D;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr td .plus-minu-section .input-group .button-minus {
  border: none;
  background: transparent;
  display: flex;
  text-align: center;
  padding: 0 5px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr td .plus-minu-section .input-group .button-plus {
  border: none;
  background: transparent;
  display: flex;
  text-align: center;
  padding: 0 5px;
}
.products-outer-wrapper main .container .tabbedPanels .panelContainer .panel .groups-table-section .content-table tbody tr td:last-child {
  border-bottom: none;
}

/* End CSS for Products And Services > Groups Tab */
form#roche-product-services-product-search-form {
  display: flex;
}

.services-tooltip .services-tooltiptext a:link {
  color: #ffffff !important;
}
.services-tooltip .services-tooltiptext ul {
  margin-left: 20px;
}
.services-tooltip .services-tooltiptext p span {
  color: #fff !important;
  font-family: inherit !important;
  font-size: 14px !important;
}

nav.breadcrumb-section ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
nav.breadcrumb-section ol li {
  display: inline;
  padding-right: 1rem;
  font-size: 14px;
  color: #0B393E;
  position: relative;
}
nav.breadcrumb-section ol li:first-child a {
  margin-left: 0px;
}
nav.breadcrumb-section ol li a {
  text-decoration: none;
  margin-right: 6px;
}
nav.breadcrumb-section ol li .active {
  color: #1A818D;
}
nav.breadcrumb-section ol li::after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-size: 12px;
  display: inline-block;
  font-weight: 600;
  position: absolute;
  top: 3px;
  color: #1A818D;
}
nav.breadcrumb-section ol li:last-child::after {
  content: "";
  background: none;
}

.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  z-index: 2;
}

#toast {
  min-width: 250px;
  margin-left: -200px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  text-align: center;
  border-radius: 8px;
  position: fixed;
  z-index: 10;
  height: 60px;
  left: 50%;
  top: 30px;
  font-size: 14px;
  display: flex;
  align-items: center;
}
#toast p {
  margin-left: 20px;
  margin-right: 30px;
  color: #5C5C5C;
}
#toast span {
  background: transparent;
  border: none;
  cursor: pointer;
  margin: 0 1rem;
}
#toast.show {
  visibility: visible;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.checkicon {
  background: #2e7d32;
  display: flex;
  align-items: center;
  height: 100%;
  width: 60px;
  justify-content: center;
  border-radius: 8px 0px 0 8px;
}
.checkicon img {
  width: 24px;
  height: 24px;
}

.checkicon-error {
  background: #D63301;
  display: flex;
  align-items: center;
  height: 100%;
  width: 60px;
  justify-content: center;
  border-radius: 8px 0px 0 8px;
}
.checkicon-error img {
  width: 24px;
  height: 24px;
}

.warningicon {
  background: #D63301;
  display: flex;
  align-items: center;
  height: 100%;
  width: 60px;
  justify-content: center;
  border-radius: 8px 0px 0 8px;
}
.warningicon img {
  width: 24px;
  height: 24px;
}

.status-messages .message-outer {
  min-width: 250px;
  background-color: white;
  text-align: center;
  border-radius: 8px;
  position: fixed;
  z-index: 99;
  height: 60px;
  left: 40%;
  right: 50%;
  transform: translate(-50%, -50%);
  top: 12%;
  font-size: 14px;
}
.status-messages .message-outer .message-row {
  display: flex;
  margin-bottom: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  background: #fff;
  align-items: center;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.status-messages .message-outer .message-row details.error-with-backtrace {
  text-align: left;
  width: 50ch;
  overflow: hidden;
  white-space: pre;
}
.status-messages .status-message--success .icon-section {
  width: 60px;
  height: 60px;
  background: #2E7D32;
  flex: none;
  position: relative;
  margin-right: 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.status-messages .status-message--success .icon-section span {
  background: url(../images/charm_circle-tick.svg) no-repeat;
  background-size: cover;
  position: absolute;
  height: 24px;
  width: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.status-messages .status-message--success p {
  text-align: left;
  width: 50ch;
  overflow: hidden;
  white-space: pre;
}
.status-messages .status-message--warning .icon-section {
  width: 60px;
  height: 60px;
  background: #F3AF00;
  flex: none;
  position: relative;
  margin-right: 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.status-messages .status-message--warning .icon-section span {
  background: url(../images/IconsVersion2/WarningIcon24px.svg) no-repeat;
  background-size: cover;
  position: absolute;
  height: 24px;
  width: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.status-messages .status-message--warning p {
  text-align: left;
  width: 50ch;
  overflow: hidden;
  white-space: pre;
}
.status-messages .status-message--error .icon-section {
  width: 60px;
  height: 60px;
  background: #D63301;
  flex: none;
  position: relative;
  margin-right: 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.status-messages .status-message--error .icon-section span {
  background: url(../images/IconsVersion2/ErrorIcon24px.svg) no-repeat;
  background-size: cover;
  position: absolute;
  height: 24px;
  width: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.status-messages .status-message--error p {
  text-align: left;
  width: 50ch;
  overflow: hidden;
  white-space: pre;
}
.status-messages .close-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  margin: 0 1rem;
}
.status-messages.show {
  visibility: visible;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  z-index: 10;
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: 290px;
  border-radius: 0.5rem;
  text-align: center;
}
.modal-content .text-content {
  padding: 1rem;
}
.modal-content .text-content h5 {
  color: #5C5C5C;
  font-size: 14px;
  font-weight: normal;
}
.modal-content .btn-section {
  border-top: 1px solid #E3E3E3;
  display: flex;
  justify-content: space-between;
}
.modal-content .btn-section .no-btn {
  width: 50%;
  border-right: 1px solid #e5e5e5;
}
.modal-content .btn-section .no-btn button {
  padding: 0.6rem;
  display: block;
  width: 100%;
  cursor: pointer;
  background: transparent;
  border: none;
  color: #1A818D;
  font-weight: bold;
}
.modal-content .btn-section .yes-btn {
  width: 50%;
}
.modal-content .btn-section .yes-btn button {
  padding: 0.6rem;
  display: block;
  width: 100%;
  cursor: pointer;
  background: transparent;
  border: none;
  color: #1A818D;
  font-weight: bold;
}

.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  z-index: 2;
}

.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: absolute;
  animation: rotate 1s linear infinite;
  top: 50%;
  right: 50%;
  z-index: 9;
}
.loader::after {
  border-color: #00ddf7;
  animation: prixClipFix 2s linear infinite, rotate 0.5s linear infinite reverse;
  inset: 6px;
}

.loader::before,
.loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid #ffffff;
  animation: prixClipFix 2s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes prixClipFix {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
            clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
            clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
            clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
            clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
.show-overlay {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.create-new-ref {
  padding: 28px 32px;
}
.create-new-ref .container {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.create-new-ref .container .inner-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.create-new-ref .container .inner-wrapper .left-side-form {
  margin-right: 3rem;
  width: 410px;
}
.create-new-ref .container .inner-wrapper .left-side-form .group-ps .select-box {
  width: auto !important;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .create-new-ref .container .inner-wrapper .left-side-form .type-dropdown {
    width: 500px;
  }
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .active {
  border: 2px solid #1A818D;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .active::before {
  color: #1A818D;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown {
  width: 100%;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdownlabel {
  width: 109px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0B393E;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input:checked + span:after {
  opacity: 1;
  transform: scale(1, 1);
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input {
  display: none;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #0B393E;
  width: 100%;
  font-size: 0.8125rem;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #1A818D;
  background: #ffffff;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #1A818D;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 4px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box {
  position: relative;
  display: block;
  width: 285px;
  font-size: 14px;
  color: #0B393E;
  z-index: 1;
  border-radius: 8px;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box::-moz-placeholder {
  color: #8F8F8F;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box::placeholder {
  color: #8F8F8F;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__current {
  position: relative;
  cursor: pointer;
  outline: none;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  overflow: hidden;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__current:focus + .select-box__list {
  opacity: 1;
  animation-name: none;
  border-radius: 0px 0px 4px 4px;
  background: var(--primary-colors-primary-ac-white, #ffffff);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.25);
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__current:focus .select-box__icon {
  transform: translateY(-50%) rotate(180deg);
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 20px;
  transition: 0.2s ease;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__value {
  display: flex;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__input {
  display: none;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__input:checked + .select-box__input-text {
  display: block;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  background-color: #ffffff;
  color: #8F8F8F;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  list-style: none;
  opacity: 0;
  margin-top: 5px;
  animation-name: HideList;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: step-start;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.5);
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__option {
  display: block;
  padding: 8px 10px;
  background-color: #ffffff;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown label {
  color: #0B393E;
  font-size: 14px;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref {
  position: relative;
  display: block;
  text-align: left;
  width: 410px;
  margin-bottom: 20px;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 285px;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .form__field:focus {
  border: 2px solid #1A818D;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .form__field:focus ~ label {
  color: #1A818D;
  transition: 0.5s ease all;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .form__field::placeholder {
  color: #8F8F8F;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .validation-msg {
  position: absolute;
  margin-top: 3px;
  width: 100%;
  bottom: -10px;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .validation-msg p img {
  padding-right: 5px;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-type-textfield {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-type-textfield label {
  color: #0B393E;
  font-size: 14px;
  align-self: center;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-type-textfield .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 285px;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
  margin: 0;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-type-textfield .form__field:focus {
  border: 2px solid #1A818D;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-type-textfield .form__field:focus ~ label {
  color: #1A818D;
  transition: 0.5s ease all;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-type-textfield .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-type-textfield .form__field::placeholder {
  color: #8F8F8F;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-item label {
  color: #0B393E;
  font-size: 14px;
  align-self: center;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-item .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 285px;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
  margin: 0;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-item .form__field input[type=file] {
  font-size: 11px;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-item .form__field:focus {
  border: 2px solid #1A818D;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-item .form__field:focus ~ label {
  color: #1A818D;
  transition: 0.5s ease all;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-item .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-item .form__field::placeholder {
  color: #8F8F8F;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .js-form-item .upload__field {
  padding-top: 8px;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .upload__field {
  display: flex;
  align-items: center;
  padding-top: 8px;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .upload__field span a {
  color: #1A818D;
  margin-right: 4px;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .upload__field .form-submit {
  border: none;
  background: transparent;
  background-image: url(/themes/custom/rocfr/images/bin.svg);
  background-repeat: no-repeat;
  background-size: auto;
  width: 14px;
  height: 18px;
  background-position: center;
  margin-left: 4px;
}
.create-new-ref .container .inner-wrapper .left-side-form .form_group_text-center {
  text-align: center;
  margin-bottom: 20px;
}
.create-new-ref .container .inner-wrapper .left-side-form .custom-checkbox {
  margin-bottom: 0.5rem;
}
.create-new-ref .container .inner-wrapper .left-side-form .custom-checkbox:last-child {
  margin-bottom: 0;
}
.create-new-ref .container .inner-wrapper .left-side-form .custom-checkbox .form-group {
  margin: 0px;
  overflow: hidden;
  transition: height 0.2s ease-in;
  list-style: none;
}
.create-new-ref .container .inner-wrapper .left-side-form .custom-checkbox .form-group input[type=checkbox] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.create-new-ref .container .inner-wrapper .left-side-form .custom-checkbox .form-group input[type=checkbox]:checked + label {
  color: #1A818D;
}
.create-new-ref .container .inner-wrapper .left-side-form .custom-checkbox .form-group input[type=checkbox]:checked + label::before {
  border-color: #1A818D;
}
.create-new-ref .container .inner-wrapper .left-side-form .custom-checkbox .form-group input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.create-new-ref .container .inner-wrapper .left-side-form .custom-checkbox .form-group label {
  position: relative;
  cursor: pointer;
  color: #0B393E;
  font-size: 14px;
  display: inline-flex;
  font-weight: 700;
  align-items: center;
}
.create-new-ref .container .inner-wrapper .left-side-form .custom-checkbox .form-group label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0B393E;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 4px;
}
.create-new-ref .container .inner-wrapper .left-side-form .cta-ref-section {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}
.create-new-ref .container .inner-wrapper .left-side-form .cta-ref-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
}
.create-new-ref .container .inner-wrapper .left-side-form .cta-ref-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.create-new-ref .container .inner-wrapper .left-side-form .cta-ref-section .cancel-btn a {
  color: #1A818D;
  text-decoration: none;
}
.create-new-ref .container .inner-wrapper .left-side-form .cta-ref-section .cancel-btn a:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.create-new-ref .container .inner-wrapper .left-side-form .cta-ref-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.create-new-ref .container .inner-wrapper .left-side-form .cta-ref-section .sign-in-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.create-new-ref .container .inner-wrapper .left-side-form .cta-ref-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.create-new-ref .container .inner-wrapper .left-side-form .cta-ref-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper {
  display: block;
  width: 100%;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .ck-editor__main {
  word-break: break-all;
  word-wrap: break-word;
  overflow: auto;
  height: 100px;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .ck-editor__main .ck-editor__editable {
  min-height: 100px;
  color: #0B393E;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .ck-editor__main .ck-editor__editable::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .ck-editor__main .ck-editor__editable::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .ck-editor__main .ck-editor__editable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .description-section {
  display: block;
  width: 100%;
  color: #5C5C5C;
  margin-bottom: 1rem;
  word-break: break-all;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .description-section .label {
  margin-bottom: 12px;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .description-section .label label {
  color: #0B393E;
  font-size: 14px;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section {
  display: block;
  width: 100%;
  color: #0B393E;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .label {
  margin-bottom: 12px;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .label label {
  color: #0B393E;
  font-size: 14px;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image {
  border: 2px dashed #E3E3E3;
  border-radius: 4px;
  text-align: center;
  padding: 15px;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image i {
  margin-bottom: 18px;
  font-size: 18px;
  color: #1A818D;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image img {
  margin-bottom: 18px;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image p.text-or {
  margin: 14px auto;
  color: #0B393E;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .header-text {
  color: #1A818D;
  font-size: 1rem;
  font-weight: bold;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file > div {
  width: 100%;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file > input[type=file] {
  display: none;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file .js-form-item-service-img {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file .js-form-item-service-img > label {
  border-color: #1A818D;
  border-style: solid;
  border-radius: 20px;
  border-width: 2px;
  background-color: transparent;
  color: #1A818D;
  width: auto;
  height: 42px;
  padding: 12px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file .js-form-item-service-img .image-widget {
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file .js-form-item-service-img .image-widget > .js-form-file {
  position: absolute;
  top: -135px;
  left: -7px;
  width: 101%;
  height: 224px;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file .js-form-item-service-img .image-widget img {
  border-radius: 50%;
  background: #beecf1;
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin: 0;
  margin-right: 10px;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file .js-form-item-service-img .image-widget .file--image {
  margin: 0;
  width: 35%;
  display: block;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file .js-form-item-service-img .image-widget .file--image ~ span {
  font-size: 14px;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file .js-form-item-service-img .image-widget .file--image a {
  font-size: 14px;
  color: #5C5C5C;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file .js-form-item-service-img .image-widget span:last-child {
  font-size: 12px;
  margin-right: 10px;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file .js-form-item-service-img .image-widget .form-submit {
  border: none;
  background: transparent;
  cursor: pointer;
  color: #1A818D;
  margin-left: 8px;
  border: none;
  background: transparent;
  background-image: url(/themes/custom/rocfr/images/DeleteIcon.svg);
  background-repeat: no-repeat;
  background-size: auto;
  width: 14px;
  height: 18px;
  background-position: center;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file > label:hover {
  border-color: #1A818D;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .file > label:active {
  background-color: hsl(0, 0%, 96%);
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .service-upload img:nth-child(1) {
  border-radius: 8px !important;
  background: #beecf1;
  width: 100px !important;
  height: 60px;
  overflow: hidden;
  margin: 0;
  margin-right: 10px;
  padding: 5px 25px;
}
.create-new-ref .container .inner-wrapper .right-side-wrapper .drag-drop-section .upload-image .product-upload img:nth-child(1) {
  border-radius: 50%;
  background: #beecf1;
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin: 0;
}
.create-new-ref .is-disabled {
  background: #F6F6F6 !important;
  cursor: not-allowed !important;
}

.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__option:hover,
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__option:focus {
  color: #ffffff;
  background-color: #1A818D;
}

@keyframes HideList {
  from {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(0);
  }
}
.customer-overview-wrapper {
  padding: 28px 32px;
}
.customer-overview-wrapper .search-section {
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  padding: 10px 20px;
  margin-bottom: 25px;
}
.customer-overview-wrapper .search-section .search-inner-section {
  display: flex;
  align-items: center;
}
.customer-overview-wrapper .search-section .search-inner-section label {
  color: #1A818D;
  font-size: 14px;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box {
  width: 220px;
  position: relative;
  display: flex;
  margin-left: 1rem;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box .search-input {
  width: 100%;
  height: 32px;
  padding: 5px;
  border: 2px solid #b5b5b5;
  border-radius: 4px 0 0 4px;
  border-right: none;
  outline: none;
  font-size: 14px;
  color: #0B393E;
  background: none;
  font-family: "roche-sansregular";
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box .search-input:focus {
  border: 2px solid #1A818D;
  border-right: unset;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box .search-input::-moz-placeholder {
  color: #8F8F8F;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box .search-input::placeholder {
  color: #8F8F8F;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box .search-button {
  padding: 5px 10px;
  background: transparent;
  border: 2px solid #b5b5b5;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box .search-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f002";
  display: inline-block;
  font-weight: 600;
  color: #1A818D;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box .cancel-button {
  padding: 5px 10px;
  background: transparent;
  border: 2px solid #b5b5b5;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box .cancel-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f057";
  display: inline-block;
  font-weight: 500;
  color: #1A818D;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box .cross-button {
  padding: 5px 10px;
  background: transparent;
  border: 2px solid #1A818D;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box .cross-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f057";
  display: inline-block;
  font-weight: 500;
  color: #D63301;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box .redBorder {
  border-right: none !important;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box button.redBorder {
  border-right: 2px solid #d63333 !important;
}
.customer-overview-wrapper .search-section .search-inner-section .search-box:focus-within .search-button {
  border: 2px solid #1A818D;
}
.customer-overview-wrapper .search-section #customer-management p {
  display: flex;
  align-items: center;
}
.customer-overview-wrapper .cards-view {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.customer-overview-wrapper .cards-view .card {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  width: 47.5%;
  min-height: 278px;
  position: relative;
  border-radius: 4px;
  align-self: stretch;
}
.customer-overview-wrapper .cards-view .card .card-header {
  padding: 15px 20px 0 20px;
  display: flex;
  justify-content: space-between;
}
.customer-overview-wrapper .cards-view .card .card-header h4 {
  font-size: 1rem;
  color: #1A818D;
}
.customer-overview-wrapper .cards-view .card .card-header button {
  border: none;
  background: transparent;
  cursor: pointer;
}
.customer-overview-wrapper .cards-view .card .card-header button .delete-user i {
  font-size: 16px;
  color: #D63301;
}
.customer-overview-wrapper .cards-view .card .card-body {
  padding: 20px;
  min-height: 200px;
  height: 78%;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group {
  display: flex;
  margin-bottom: 25px;
  align-items: center;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group:last-child {
  margin-bottom: 0;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group label {
  line-height: 18px;
  font-size: 14px;
  color: #1A818D;
  flex: 35%;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group p {
  line-height: 18px;
  font-size: 14px;
  color: #0B393E;
  flex: 65%;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .verification-paragraph {
  flex: 65%;
  display: flex;
  align-items: center;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .verification-paragraph p {
  flex: none;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .verification-paragraph img {
  position: relative;
  border: 2px solid #b5b5b5;
  border-radius: 50%;
  padding: 2px;
  margin-left: 8px;
  width: 20px;
  height: 20px;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section {
  flex: 65%;
  position: relative;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section input {
  border: 2px solid #B5B5B5;
  border-radius: 8px;
  padding: 5px 28px 5px 5px;
  color: #0B393E;
  width: 75%;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section .cta-icons {
  position: absolute;
  top: 14%;
  right: 32%;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section .cta-icons .edit-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section .cta-icons .edit-btn i {
  font-size: 16px;
  color: #1A818D;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section .cta-icons .save-btn {
  cursor: pointer;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section .cta-icons .save-btn i {
  font-size: 16px;
  color: #2E7D32;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section .cta-icons .email-clr {
  cursor: pointer;
  font-size: 16px;
  color: #1A818D;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section .cta-icons .email-clr i {
  font-size: 16px;
  color: #1A818D;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section .validation-msg {
  position: absolute;
  margin: 0;
  padding-top: 4px;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section .validation-msg p {
  font-size: 12px;
  color: #D63301;
  display: flex;
}
.customer-overview-wrapper .cards-view .card .card-footer {
  background: #f4fcfd;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.customer-overview-wrapper .cards-view .card .card-footer label {
  color: #0B393E;
  font-size: 14px;
}
.customer-overview-wrapper .cards-view .card .card-footer label a {
  color: #1A818D;
}
.customer-overview-wrapper .table-outer-section .link-text {
  font-size: 14px;
  color: #0B393E;
}
.customer-overview-wrapper .table-outer-section .customer-table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  margin-top: 1rem;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table thead tr {
  background-color: #fafafa;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table thead tr th {
  padding: 20px 15px;
  font-size: 14px;
  color: #1A818D;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr td img {
  margin-right: 8px;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr td a {
  color: #1A818D;
  cursor: pointer;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr td.closed {
  color: #E3E3E3;
  font-size: 14px;
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
  display: none !important;
}

/* START TOOLTIP STYLES */
[tooltip] {
  position: relative;
  display: revert-layer;
  /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  /* opinion 2 */
  font-size: 0.9em;
  /* opinion 3 */
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::before {
  content: "";
  border: 5px solid transparent;
  /* opinion 4 */
  z-index: 1001;
  /* absurdity 1 */
}

[tooltip]::after {
  content: attr(tooltip);
  /* magic! */
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  /*
    Let the content set the size of the tooltips
    but this will also keep them from being obnoxious
    */
  width: 100%;
  max-width: 55em;
  padding: 1ch 1.5ch;
  border-radius: 0.5ch;
  /* box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35); */
  background: #333;
  color: #ffffff;
  z-index: 1000;
  /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^=up]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}

[tooltip]:not([flow])::after,
[tooltip][flow^=up]::after {
  bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^=up]::before,
[tooltip][flow^=up]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[tooltip][flow^=down]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}

[tooltip][flow^=down]::after {
  top: calc(100% + 5px);
}

[tooltip][flow^=down]::before,
[tooltip][flow^=down]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

/* FLOW: LEFT */
[tooltip][flow^=left]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^=left]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^=right]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);
}

[tooltip][flow^=right]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);
}

/* Keyframes */
@keyframes tooltips-vert {
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^=up]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=down]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^=left]:hover::before,
[tooltip][flow^=left]:hover::after,
[tooltip][flow^=right]:hover::before,
[tooltip][flow^=right]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

.form__disable .form__field {
  border: 2px solid #B5B5B5 !important;
  background-color: #F6F6F6 !important;
  color: #E3E3E3 !important;
  cursor: not-allowed !important;
}

#image-error-msg p {
  display: flex;
}
#image-error-msg p img {
  margin-right: 4px;
}

#file-error-msg {
  bottom: -19px;
}

.create-new-ref .ajax-progress-throbber {
  display: none;
}

.ck.ck-editor__main > .ck-editor__editable {
  padding: 0 1.5rem;
  height: 100px;
  overflow: auto;
  border-radius: 4px;
  font-size: 14px;
  color: #0B393E;
}

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.ck.ck-toolbar.ck-toolbar_grouping {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.formater-invisible {
  display: none !important;
}

div[contenteditable] {
  border-right: 4px;
}

/* Tooltip by aditya */
.text-container {
  display: -webkit-box;
  /* Number of lines to show */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* Additional styles for the container (e.g., height, width, etc.) */
  /* Set the height to accommodate two lines of text */
  width: 380px;
  /* Set the width as needed */
}

.services-tooltip {
  position: relative;
  display: inline-block;
}
.services-tooltip .services-tooltiptext {
  visibility: hidden;
  width: -moz-max-content;
  width: max-content;
  min-width: 3em;
  max-width: 20em;
  background-color: #333;
  line-height: 16px;
  height: auto !important;
  color: #ffffff;
  text-align: left;
  border-radius: 0.5ch;
  padding: 8px;
  position: absolute;
  z-index: 1000;
  top: -10px;
  left: -25%;
}
.services-tooltip .services-tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #333;
}
.services-tooltip:hover .services-tooltiptext {
  visibility: visible;
}

/* Tooltip by aditya ends */
.create-new-ref .container .inner-wrapper .left-side-form .form_group_ref .form__field .file--application-pdf {
  max-width: 37ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .disabled_elem {
  pointer-events: none;
}
.create-new-ref .container .inner-wrapper .left-side-form .type-dropdown .select-box__input:checked + .display_elem {
  background-color: #f6f6f7 !important;
}

.create-new-rule-wrapper {
  padding: 28px 32px;
}
.create-new-rule-wrapper .container {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  padding: 20px;
}
.create-new-rule-wrapper .container .inner-wrapper {
  display: flex;
  justify-content: space-between;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form {
  margin-right: 3rem;
  width: 35%;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown label {
  color: #5C5C5C;
  font-size: 14px;
  display: block;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input {
  display: none;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #0B393E;
  width: 100%;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #1A818D;
  background: #ffffff;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #1A818D;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 4px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input:checked + span:after {
  opacity: 1;
  transform: scale(1, 1);
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox input + span {
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
  color: #0B393E;
  width: 100%;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox input + span:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #1A818D;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox input:checked + span:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox.is-disabled input + span {
  cursor: not-allowed;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox.is-disabled input + span::before {
  border: 2px solid #b5b5b5;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox.is-disabled input:checked + span:after {
  border: solid #5C5C5C;
  border-width: 0 2px 2px 0;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown.is-disabled {
  background: #F6F6F6 !important;
  cursor: not-allowed;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown.is-disabled::before {
  color: #E3E3E3;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .min-max-input-section {
  min-width: 290px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .min-max-input-section input {
  width: 100px;
  padding: 8px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  color: #5C5C5C;
  font-size: 14px;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .calendar-input {
  position: relative;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .calendar-input input {
  display: inline-block;
  font-size: 14px;
  min-width: 290px;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #8F8F8F;
  cursor: pointer;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .calendar-input i {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 16px;
  color: #1A818D;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .calendar-input img {
  position: absolute;
  top: 8px;
  right: 12px;
}
.create-new-rule-wrapper .container .inner-wrapper .right-side-wrapper {
  display: block;
  width: 61%;
}
.create-new-rule-wrapper .container .inner-wrapper .right-side-wrapper h4 {
  color: #5C5C5C;
  font-size: 14px;
  font-weight: 500;
}
.create-new-rule-wrapper .container .inner-wrapper .right-side-wrapper .ck-editor__main {
  word-break: break-all;
  word-wrap: break-word;
  overflow: auto;
  height: 180px;
}
.create-new-rule-wrapper .container .inner-wrapper .right-side-wrapper .ck-editor__main .ck-editor__editable::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.create-new-rule-wrapper .container .inner-wrapper .right-side-wrapper .ck-editor__main .ck-editor__editable::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.create-new-rule-wrapper .container .inner-wrapper .right-side-wrapper .ck-editor__main .ck-editor__editable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.create-new-rule-wrapper .container .max-min-section {
  display: flex;
  align-items: center;
  margin-bottom: 1.3rem;
}
.create-new-rule-wrapper .container .max-min-section:last-child {
  margin-bottom: 0;
}
.create-new-rule-wrapper .container .max-min-section .max-heading {
  color: #5C5C5C;
  font-size: 14px;
  width: 12%;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-right: 0.9rem;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section label {
  color: #5C5C5C;
  font-size: 14px;
  display: block;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section input {
  width: 100px;
  display: inline-block;
  font-size: 14px;
  padding: 8px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #8F8F8F;
}
.create-new-rule-wrapper .container .cta-rule-section {
  display: flex;
  justify-content: end;
}
.create-new-rule-wrapper .container .cta-rule-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  margin-right: 2rem;
}
.create-new-rule-wrapper .container .cta-rule-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.create-new-rule-wrapper .container .cta-rule-section .sign-in-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.create-new-rule-wrapper .container .cta-rule-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}

.create-new-rule-wrapper .container .max-min-section#rule-threshold .input-outer-section {
  justify-content: flex-start;
}
.create-new-rule-wrapper .container .max-min-section#rule-threshold .input-outer-section .input-section .js-form-item {
  display: flex;
  flex-direction: column;
}
.create-new-rule-wrapper .container .max-min-section#rule-deliverylimit .input-outer-section {
  justify-content: flex-start;
}
.create-new-rule-wrapper .container .max-min-section#rule-deliverylimit .input-outer-section .input-section .js-form-item {
  display: flex;
  flex-direction: column;
}
.create-new-rule-wrapper .container .max-min-section#rule-no-of-services .input-outer-section {
  justify-content: flex-start;
}
.create-new-rule-wrapper .container .max-min-section#rule-no-of-services .input-outer-section .input-section .js-form-item {
  display: flex;
  flex-direction: column;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section span {
  color: #0B393E;
  font-size: 14px;
  display: block;
}
.create-new-rule-wrapper .container .max-min-section#rule-sup-min-max .input-outer-section .input-section {
  width: 144px;
}

.wrapper-dropdown {
  position: relative;
  display: inline-block;
  font-size: 14px;
  min-width: 285px;
  padding: 8px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #8F8F8F;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.wrapper-dropdown::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  right: 16px;
  top: 35%;
  color: #1A818D;
}
.wrapper-dropdown.active::before {
  transform: rotate(226deg);
}
.wrapper-dropdown.active .dropdown {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.wrapper-dropdown .dropdown {
  position: absolute;
  top: 125%;
  right: 0;
  left: 0;
  margin: 0;
  padding: 8px 12px;
  border-radius: 8px;
  list-style: none;
  z-index: 9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.25);
  background: #ffffff;
  transition: 0.5s ease;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
}
.wrapper-dropdown .dropdown li {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: #ffffff;
  overflow: hidden;
  transition: 0.5s ease;
}
.wrapper-dropdown .dropdown li:last-child {
  border-bottom: none;
}
.wrapper-dropdown .dropdown li:hover {
  background: #0B393E;
  color: #ffffff;
}

.inner-wrapper .main-header {
  margin-bottom: 1rem;
}
.inner-wrapper .main-header h2 {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  color: #1A818D;
}
.inner-wrapper .customer-overview-delivery-details {
  border-radius: 8px;
  border: 1px solid var(--neutral-shades-and-tints-ac-gray-70, #E3E3E3);
  margin-bottom: 1rem;
}
.inner-wrapper .customer-overview-delivery-details:last-child {
  margin-bottom: 0;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper {
  display: flex;
  background: var(--neutral-shades-and-tints-ac-gray-light, #fafafa);
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .fist-row {
  width: 200px;
  min-width: 200px;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .delivery-header {
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  width: 80%;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .delivery-header .delivery-count {
  width: 200px;
  min-width: 200px;
  text-align: center;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .delivery-header .delivery-count:first-child {
  text-align: left;
  padding-left: 1rem;
  width: 216px;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .delivery-header .delivery-count span {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  color: #1A818D;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .delivery-header .delivery-count p {
  color: #0B393E;
  font-size: 14px;
  margin-top: 10px;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .btn-group {
  display: flex;
  align-items: center;
  justify-content: right;
  width: 20%;
  padding: 1rem;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .btn-group .enabled-icon {
  cursor: pointer;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .btn-group .disabled-icon {
  cursor: not-allowed;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .btn-group a.print {
  font-size: 18px;
  color: #1A818D;
  margin-right: 12px;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .btn-group a.invoice-pdf {
  font-size: 18px;
  color: #1A818D;
  margin-right: 12px;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .btn-group a.invoice-pdf.disabled-icon {
  color: #8F8F8F;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .btn-group a.add-new-btn {
  font-size: 18px;
  color: #1A818D;
}
.inner-wrapper .customer-overview-delivery-details .delivery-inner-wrapper .btn-group a.add-new-btn.disabled-icon {
  color: #8F8F8F;
}
.inner-wrapper .customer-overview-delivery-details .delivery-body .accordian-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #1A818D;
  padding: 1rem;
  color: white;
}
.inner-wrapper .customer-overview-delivery-details .delivery-body .accordian-header .fist-row p {
  font-size: 16px;
  font-family: roche-sansmedium;
}
.inner-wrapper .customer-overview-delivery-details .delivery-body .accordian-body .col-one {
  display: flex;
  align-items: center;
  padding: 1rem 0;
}
.inner-wrapper .customer-overview-delivery-details .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper {
  display: flex;
  width: 80%;
}
.inner-wrapper .customer-overview-delivery-details .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .fist-row {
  width: 215px;
  text-align: left;
  padding-left: 1rem;
  color: #0B393E;
}
.inner-wrapper .customer-overview-delivery-details .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .fist-row label {
  font-family: roche-sansmedium;
  font-size: 14px;
}
.inner-wrapper .customer-overview-delivery-details .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .fist-row h4 {
  font-weight: 100;
  font-size: 14px;
}
.inner-wrapper .customer-overview-delivery-details .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .fist-row p {
  font-size: 14px;
}
.inner-wrapper .customer-overview-delivery-details .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .delivery-values {
  width: 200px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0B393E;
  font-size: 14px;
}
.inner-wrapper .customer-overview-delivery-details .delivery-body .accordian-body .col-one .last-row {
  width: 20%;
}

.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #1A818D;
  background: #ffffff;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdownlabel {
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0B393E;
}

.contract-parameter-setup {
  padding: 28px 32px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer {
  margin-top: 28px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .tabs {
  border-bottom: 1px solid #E3E3E3;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .tabs li:first-child {
  margin-right: 1rem;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .tabs li {
  margin: 0 1rem;
  width: auto;
  text-align: center;
  display: inline-flex;
  -webkit-box-pack: center;
  vertical-align: top;
  justify-content: flex-start;
  cursor: pointer;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .tabs li a {
  color: #0B393E;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 0 8px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .tabs li a.active {
  color: #1A818D;
  border-bottom: 2px solid #1A818D;
  font-weight: bold;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 25px 0;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box {
  width: 220px;
  position: relative;
  display: flex;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-input {
  width: 100%;
  height: 32px;
  padding: 5px;
  border: 2px solid #b5b5b5;
  border-radius: 4px 0 0 4px;
  border-right: none;
  outline: none;
  font-size: 14px;
  color: #0B393E;
  background: none;
  font-family: roche-sansregular;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-btn {
  background: transparent;
  border: 2px solid #b5b5b5;
  padding: 5px 8px;
  cursor: pointer;
  border-radius: 0px 4px 4px 0px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-button {
  padding: 3px 10px;
  background: transparent;
  border: 2px solid #b5b5b5;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f002";
  display: inline-block;
  font-weight: 600;
  color: #1A818D;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .cross-button {
  padding: 3px 10px;
  background: transparent;
  border: 2px solid #b5b5b5;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .cross-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f057";
  display: inline-block;
  font-weight: 500;
  color: #1A818D;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section {
  display: flex;
  align-items: center;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .create-ref-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .checkbox_item {
  margin-right: 1rem;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .checkbox_item .checkbox_wrap {
  display: flex;
  align-items: center;
  color: #0B393E;
  font-size: 14px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section button {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
  padding: 10px 0;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section button:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section button a {
  padding: 10px 24px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table {
  width: 100%;
  border-radius: 5px 5px 0 0;
  border-collapse: collapse;
  table-layout: fixed;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table thead {
  position: sticky;
  position: -webkit-sticky !important;
  top: 0;
  z-index: 1;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table thead tr {
  background-color: #fafafa;
  text-align: left;
  font-family: "roche-sansmedium";
  border-bottom: 1px solid #E3E3E3;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
  font-weight: normal;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table thead tr th:nth-child(1) {
  width: 127px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table thead tr th:nth-child(2) {
  width: 127px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table thead tr th:nth-child(3) {
  width: 121px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table thead tr th:nth-child(4) {
  width: 134px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table thead tr th:nth-child(5) {
  width: 137px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table thead tr th:nth-child(6) {
  width: 145px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table thead tr th:nth-child(7) {
  width: 137px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table thead tr th:nth-child(8) {
  width: 177px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table thead tr th:nth-child(9) {
  width: 178px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody {
  display: block;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr:last-child {
  border-bottom: none;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(1) {
  width: 127px;
  display: flex;
  align-items: center;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(2) {
  width: 127px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(3) {
  width: 121px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(4) {
  width: 134px;
  word-wrap: break-word;
  word-break: break-word;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(4) p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(5) {
  width: 137px;
  word-wrap: break-word;
  word-break: break-word;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(5) p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(6) {
  width: 145px;
  word-wrap: break-word;
  word-break: break-word;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(6) p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(7) {
  width: 137px;
  word-wrap: break-word;
  word-break: break-word;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(7) p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(8) {
  width: 177px;
  word-wrap: break-word;
  word-break: break-word;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(8) p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td:nth-child(9) {
  width: 178px;
  position: relative;
  left: 7px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td .tick_icon {
  margin-right: 6px;
  color: #2E7D32;
  font-size: 15px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td .grayed_icon {
  margin-right: 6px;
  color: #5C5C5C;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td .disabled_red_icon {
  margin-right: 6px;
  color: #D63301;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td .disable_icon {
  margin-right: 6px;
  color: #D63301;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td button {
  border: none;
  background: transparent;
  display: inline-block;
  margin-right: 1rem;
  cursor: pointer;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td button .edit-node i {
  font-size: 16px;
  color: #1A818D;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td button .duplicate-node i {
  font-size: 16px;
  color: #1A818D;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .table-section table tbody tr td .delete-node i {
  font-size: 16px;
  color: #D63301;
}

/* ======================================================= */
/* Style added on 23 Jan 2024 for contract parameter setup card */
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .search-section .btn-toggle-section button > a {
  text-decoration: none;
  color: #ffffff;
}

form#rule-search-form {
  display: flex;
}

.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  padding: 20px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section {
  width: 50%;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  width: 410px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown label {
  color: #0B393E;
  font-size: 14px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .rule-disabled {
  pointer-events: none;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box {
  position: relative;
  display: inline-block;
  min-width: 285px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__current {
  position: relative;
  cursor: pointer;
  outline: none;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  overflow: hidden;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__current:focus {
  border: 2px solid #1A818D;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__value {
  display: flex;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__input {
  display: none;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__input:checked + .select-box__input-text {
  display: block;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  background-color: #ffffff;
  font-size: 14px;
  color: #727272;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 20px;
  transition: 0.2s ease;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  z-index: 9;
  list-style: none;
  opacity: 0;
  margin-top: 5px;
  animation-name: HideList;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: step-start;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.5);
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__option {
  display: block;
  padding: 8px 10px;
  background-color: #ffffff;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .calendar-input {
  position: relative;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .calendar-input input {
  display: inline-block;
  font-size: 14px;
  min-width: 285px;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
  cursor: pointer;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .calendar-input input:focus {
  border: 2px solid #1A818D;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .calendar-input input::-moz-placeholder {
  color: #8F8F8F;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .calendar-input input::placeholder {
  color: #8F8F8F;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .calendar-input i#cal-icon {
  position: absolute;
  top: 10px;
  right: 12px;
  cursor: pointer;
  font-size: 18px;
  color: #1A818D;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  margin-top: 2rem;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .cta-section {
  margin-top: 2rem;
  display: flex;
  justify-content: end;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .cta-section .cancel-btn {
  margin-right: 2rem;
  text-decoration: none;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .cta-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .cta-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .cta-section .is-disabled {
  background: #F6F6F6 !important;
  cursor: not-allowed !important;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .cta-section .sign-in-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .cta-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .cta-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}

.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .form-item .form-select {
  width: 100%;
  font-size: 14px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 2px solid #b5b5b5;
  color: #8F8F8F;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .form-item select.form-select option {
  padding: 8px 10px;
  min-height: 80px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__current:focus + .select-box__list {
  opacity: 1;
  animation-name: none;
  border-radius: 0px 0px 4px 4px;
  background: var(--primary-colors-primary-ac-white, #ffffff);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.25);
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__current:focus .select-box__icon {
  transform: translateY(-50%) rotate(180deg);
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__input:checked + .select-box__input-text {
  display: block;
  color: #0B393E;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .disabled {
  pointer-events: none;
  background: #F6F6F6 !important;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  border-collapse: collapse;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table thead tr {
  background-color: #fafafa;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
  display: block;
  width: 100%;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table thead tr th {
  padding: 20px 10px;
  font-size: 14px;
  color: #1A818D;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table thead tr th:nth-child(1) {
  width: 135px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table thead tr th:nth-child(2) {
  width: 135px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table thead tr th:nth-child(3) {
  width: 135px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table thead tr th:nth-child(4) {
  width: 135px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table thead tr th:nth-child(5) {
  width: 175px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table thead tr th:nth-child(6) {
  width: 175px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table thead tr th:nth-child(7) {
  width: 175px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table thead tr th:nth-child(8) {
  width: 176px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody {
  display: block;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr:last-child {
  border-bottom: none;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td {
  padding: 15px 10px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td:nth-child(1) {
  width: 135px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td:nth-child(2) {
  width: 135px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td:nth-child(3) {
  width: 135px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td:nth-child(4) {
  width: 135px;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td:nth-child(5) {
  width: 175px;
  word-wrap: break-word;
  word-break: break-word;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td:nth-child(6) {
  width: 175px;
  word-wrap: break-word;
  word-break: break-word;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td:nth-child(7) {
  width: 175px;
  word-wrap: break-word;
  word-break: break-word;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td:nth-child(8) {
  width: 176px;
  word-wrap: break-word;
  word-break: break-word;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td .calendar-input {
  position: relative;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td .calendar-input .date-calendar {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  padding: 8px 5px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
  cursor: pointer;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td .calendar-input .date-calendar:focus {
  border-color: #1A818D;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td .calendar-input #cal-icon {
  position: absolute;
  top: 10px;
  right: 12px;
  cursor: pointer;
  font-size: 18px;
  color: #1A818D;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td button {
  border: none;
  background: transparent;
  display: inline-block;
  margin-right: 8px;
  cursor: pointer;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr td button img {
  width: auto;
}
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .cta-section {
  margin-top: 2rem;
  display: flex;
  justify-content: end;
}

.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__option:hover,
.contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box .select-box__option:focus {
  color: #ffffff;
  background-color: #1A818D;
}

.wrapper-dropdown:focus {
  border: 2px solid #1A818D;
}

.substitute {
  text-align: left;
}

.waringLimit {
  width: 49%;
  text-align: center;
  border-radius: 4px;
  background: #D63301;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding: 5px 8px;
  position: relative;
}

.waringLimit p {
  font-weight: 700;
}

.hidden {
  display: none;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

/* Focus feature for custom dropdown start */
input.focus {
  border: none;
  width: 100%;
  height: 35px;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
  cursor: pointer;
}

.wrapper-dropdown:focus-within {
  border: 2px solid #1A818D;
}

.wrapper-dropdown:focus-within::before {
  color: #1A818D;
}

/* Focus feature for custom dropdown ends */
/* Style added on 23 Jan 2024 for contract parameter setup card */
/* ======================================================= */
.create-new-rule-wrapper .container .max-min-section#rule-min-max .input-outer-section .input-section {
  width: 144px;
}

.create-new-rule-wrapper {
  padding: 28px 32px;
}
.create-new-rule-wrapper .container {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  padding: 20px;
}
.create-new-rule-wrapper .container .inner-wrapper {
  display: flex;
  justify-content: space-between;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form {
  margin-right: 3rem;
  width: 50%;
}
@media screen and (min-width: 1920px) {
  .create-new-rule-wrapper .container .inner-wrapper .left-side-form {
    width: auto;
  }
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown {
    width: 500px;
  }
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown label {
  color: #0B393E;
  font-size: 14px;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown form .radio {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown form .radio input {
  display: none;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown form .radio input + span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #5C5C5C;
  width: 100%;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown form .radio input + span:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #1A818D;
  background: #ffffff;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown form .radio input + span:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #1A818D;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 4px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown form .radio input:checked + span:after {
  opacity: 1;
  transform: scale(1, 1);
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown form .checkbox {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown form .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown form .checkbox input + span {
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
  color: #5C5C5C;
  width: 100%;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown form .checkbox input + span:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #1A818D;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown form .checkbox input:checked + span:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .min-max-input-section {
  min-width: 290px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .min-max-input-section input {
  width: 100px;
  padding: 8px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  color: #5C5C5C;
  font-size: 14px;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .calendar-input {
  position: relative;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .calendar-input input {
  display: inline-block;
  font-size: 14px;
  min-width: 285px;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
  cursor: pointer;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .calendar-input input::-moz-placeholder {
  color: #8F8F8F;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .calendar-input input::placeholder {
  color: #8F8F8F;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .calendar-input i {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  font-size: 18px;
  color: #1A818D;
}
.create-new-rule-wrapper .container .inner-wrapper .right-side-wrapper {
  display: block;
  width: 100%;
}
.create-new-rule-wrapper .container .inner-wrapper .right-side-wrapper h4 {
  color: #0B393E;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 10px 0;
}
.create-new-rule-wrapper .container .max-min-section {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.create-new-rule-wrapper .container .max-min-section:first-child {
  margin-bottom: 1rem;
}
.create-new-rule-wrapper .container .max-min-section:last-child {
  margin-bottom: 0;
}
.create-new-rule-wrapper .container .max-min-section .max-heading {
  color: #0B393E;
  font-size: 14px;
  width: 120px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1920px) {
  .create-new-rule-wrapper .container .max-min-section .max-heading {
    width: 117px;
  }
}
.create-new-rule-wrapper .container .max-min-section .max-heading a {
  display: flex;
  padding: 0 5px;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section label {
  color: #0B393E;
  font-size: 14px;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section input {
  width: 100px;
  display: inline-block;
  font-size: 14px;
  padding: 8px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section input::-moz-placeholder {
  color: #8F8F8F;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section input::placeholder {
  color: #8F8F8F;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section .latest-delivery-section {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #0B393E;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section .latest-delivery-section p {
  font-size: 14px;
  color: #0B393E;
  margin-right: 4px;
}
.create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section .latest-delivery-section input {
  width: 70px;
  margin-left: 3px;
}
.create-new-rule-wrapper .container .limit-delivery-section {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  justify-content: space-between;
}
.create-new-rule-wrapper .container .limit-delivery-section .labels {
  width: 125px;
  height: 100%;
  margin: 0;
}
.create-new-rule-wrapper .container .limit-delivery-section .labels .heading-wrapper {
  width: 85%;
  word-break: break-word;
  height: 100%;
}
.create-new-rule-wrapper .container .limit-delivery-section .labels .heading-wrapper .max-heading {
  color: #0B393E;
  font-size: 14px;
}
.create-new-rule-wrapper .container .limit-delivery-section .labels .heading-wrapper .max-heading a {
  font-size: 18px;
  margin: 0;
  padding: 0;
  vertical-align: sub;
}
.create-new-rule-wrapper .container .limit-delivery-section .labels .heading-wrapper .max-heading a[tooltip][flow^=right]::after {
  width: 90px;
  font-size: 14px;
  text-align: left;
}
.create-new-rule-wrapper .container .limit-delivery-section .labels .heading-wrapper .max-heading a img {
  width: 18px;
  margin-left: 6px;
}
.create-new-rule-wrapper .container .limit-delivery-section .input-outer-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.create-new-rule-wrapper .container .limit-delivery-section .input-outer-section .row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.5rem;
}
.create-new-rule-wrapper .container .limit-delivery-section .input-outer-section .row:last-child {
  margin-bottom: 0;
}
.create-new-rule-wrapper .container .limit-delivery-section .input-outer-section .row .input-section {
  display: flex;
  flex-direction: column;
  flex: 8%;
  margin-right: 1rem;
}
.create-new-rule-wrapper .container .limit-delivery-section .input-outer-section .row .input-section .child-ganesh {
  text-align: left;
  margin-bottom: 1rem;
}
.create-new-rule-wrapper .container .limit-delivery-section .input-outer-section .row .input-section .child-ganesh span {
  color: #0B393E;
  font-size: 14px;
  display: block;
  font-weight: 600;
}
.create-new-rule-wrapper .container .limit-delivery-section .input-outer-section .row .input-section .latest-delivery-section {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #0B393E;
  justify-content: space-between;
}
.create-new-rule-wrapper .container .limit-delivery-section .input-outer-section .row .input-section .latest-delivery-section label {
  color: #0B393E;
  font-size: 14px;
  display: block;
}
.create-new-rule-wrapper .container .limit-delivery-section .input-outer-section .row .input-section .latest-delivery-section input {
  width: 70px;
  margin-left: 3px;
  display: inline-block;
  font-size: 14px;
  padding: 8px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
}
.create-new-rule-wrapper .container .limit-delivery-section .input-outer-section .row .input-section .latest-delivery-section input:focus {
  border-color: #1A818D;
}
.create-new-rule-wrapper .container .cta-rule-section {
  display: flex;
  justify-content: end;
}
.create-new-rule-wrapper .container .cta-rule-section .cancel-btn {
  margin-right: 2rem;
  text-decoration: none;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
}
.create-new-rule-wrapper .container .cta-rule-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.create-new-rule-wrapper .container .cta-rule-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.create-new-rule-wrapper .container .cta-rule-section .sign-in-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.create-new-rule-wrapper .container .cta-rule-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.create-new-rule-wrapper .container .cta-rule-section .sign-in-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.create-new-rule-wrapper .container .cta-rule-section .is-disabled {
  background: #F6F6F6 !important;
  cursor: not-allowed !important;
}

.create-new-group {
  padding: 28px 32px;
}
.create-new-group .container {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.create-new-group .container .inner-wrapper {
  display: flex;
  padding: 20px;
  flex-direction: column;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper {
  width: 32%;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .type-dropdown {
    width: 80%;
  }
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .type-dropdown label {
  color: #0B393E;
  font-size: 14px;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .type-dropdown label .select-box {
  position: relative;
  display: block;
  width: 70%;
  font-size: 14px;
  color: #8F8F8F;
  z-index: 9;
  border-radius: 8px;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref {
  position: relative;
  display: block;
  padding-top: 15px;
  margin-bottom: 10px;
  text-align: left;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref {
    width: 80%;
  }
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref .js-form-type-email {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref .js-form-type-email .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 285px;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref .js-form-type-email .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref .js-form-type-email .form__field::placeholder {
  color: #8F8F8F;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref .js-form-type-email .form__field:focus {
  border: 2px solid #1A818D;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref .js-form-type-email label {
  display: block;
  font-size: 14px;
  color: #0B393E;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref .js-form-type-textfield {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref .js-form-type-textfield .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 285px;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref .js-form-type-textfield .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref .js-form-type-textfield .form__field::placeholder {
  color: #8F8F8F;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref .js-form-type-textfield .form__field:focus {
  border: 2px solid #1A818D;
}
.create-new-group .container .inner-wrapper .left-side-form .left-inner-wrapper .form_group_ref .js-form-type-textfield label {
  display: block;
  font-size: 14px;
  color: #0B393E;
}
.create-new-group .container .inner-wrapper .cta-ref-section {
  display: flex;
  justify-content: end;
  align-items: center;
}
@media screen and (min-width: 1920px) {
  .create-new-group .container .inner-wrapper .cta-ref-section {
    width: 460px;
  }
}
.create-new-group .container .inner-wrapper .cta-ref-section .cancel-btn {
  margin-right: 2rem;
  text-decoration: none;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
}
.create-new-group .container .inner-wrapper .cta-ref-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.create-new-group .container .inner-wrapper .cta-ref-section .save-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.create-new-group .container .inner-wrapper .cta-ref-section .save-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}

.create-new-group .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.create-new-group .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
  width: 100%;
}
.create-new-group .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input {
  display: none;
}
.create-new-group .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #0B393E;
  width: 100%;
}
.create-new-group .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #1A818D;
  background: #ffffff;
}
.create-new-group .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #1A818D;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 4px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.create-new-group .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input:checked + span:after {
  opacity: 1;
  transform: scale(1, 1);
}

.group-form .create-new-group .group-msg p {
  font-size: 12px;
  color: #D63301;
  display: flex;
  align-items: center;
  margin-top: 6px;
}

.create-new-group .container .inner-wrapper .left-side-form .form_group_ref .form__field:focus {
  border: 2px solid #1A818D;
}
.create-new-group .container .inner-wrapper .left-side-form .form_group_ref .form__field:focus ~ label {
  color: #1A818D;
  transition: 0.5s ease all;
}

/* START TOOLTIP STYLES */
[tooltip] {
  position: relative;
  /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  /* opinion 2 */
  font-size: 0.9em;
  /* opinion 3 */
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::before {
  content: "";
  border: 5px solid transparent;
  /* opinion 4 */
  z-index: 1001;
  /* absurdity 1 */
}

[tooltip]::after {
  content: attr(tooltip);
  /* magic! */
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  width: 100%;
  max-width: 50em;
  padding: 1ch 1.5ch;
  border-radius: 0.5ch;
  /* box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35); */
  background: #333;
  color: #ffffff;
  z-index: 1000;
  line-height: 16px;
  /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^=up]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}

[tooltip]:not([flow])::after,
[tooltip][flow^=up]::after {
  bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^=up]::before,
[tooltip][flow^=up]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[tooltip][flow^=down]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}

[tooltip][flow^=down]::after {
  top: calc(100% + 5px);
}

[tooltip][flow^=down]::before,
[tooltip][flow^=down]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

/* FLOW: LEFT */
[tooltip][flow^=left]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^=left]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^=right]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);
}

[tooltip][flow^=right]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^=up]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=down]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^=left]:hover::before,
[tooltip][flow^=left]:hover::after,
[tooltip][flow^=right]:hover::before,
[tooltip][flow^=right]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

.wrapper-dropdown {
  position: relative;
  display: inline-block;
  font-size: 14px;
  min-width: 285px;
  padding: 8px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #727272;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.wrapper-dropdown .dropdownlabel {
  color: #0B393E;
}
.wrapper-dropdown::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  right: 16px;
  top: 35%;
  color: #1A818D;
}
.wrapper-dropdown.active::before {
  transform: rotate(226deg);
}
.wrapper-dropdown.active .dropdown {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.wrapper-dropdown .dropdown {
  position: absolute;
  top: 125%;
  right: 0;
  left: 0;
  margin: 0;
  padding: 8px 12px;
  border-radius: 8px;
  list-style: none;
  z-index: 9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.25);
  background: #ffffff;
  transition: 0.5s ease;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
}
.wrapper-dropdown .dropdown li {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: #ffffff;
  overflow: hidden;
  transition: 0.5s ease;
}
.wrapper-dropdown .dropdown li:last-child {
  border-bottom: none;
}
.wrapper-dropdown .dropdown li:hover {
  background: #0B393E;
  color: #ffffff;
}

.non-validation-reg-wrapper .table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  margin-bottom: 2rem;
}
.non-validation-reg-wrapper .table-section table {
  width: 100%;
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
  table-layout: fixed;
}
.non-validation-reg-wrapper .table-section table thead tr {
  background-color: #fafafa;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
  display: block;
  width: 100%;
}
.non-validation-reg-wrapper .table-section table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
}
.non-validation-reg-wrapper .table-section table thead tr th:nth-child(1) {
  width: 60px;
}
.non-validation-reg-wrapper .table-section table thead tr th:nth-child(2) {
  width: 330px;
}
.non-validation-reg-wrapper .table-section table thead tr th:nth-child(3) {
  width: 430px;
}
.non-validation-reg-wrapper .table-section table thead tr th:nth-child(4) {
  width: 430px;
}
.non-validation-reg-wrapper .table-section table tbody {
  display: block;
  overflow: auto;
  height: 400px;
}
.non-validation-reg-wrapper .table-section table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.non-validation-reg-wrapper .table-section table tbody tr td {
  padding: 18px 15px;
}
.non-validation-reg-wrapper .table-section table tbody tr td:nth-child(1) {
  width: 60px;
}
.non-validation-reg-wrapper .table-section table tbody tr td:nth-child(2) {
  width: 330px;
}
.non-validation-reg-wrapper .table-section table tbody tr td:nth-child(3) {
  width: 430px;
}
.non-validation-reg-wrapper .table-section table tbody tr td:nth-child(4) {
  width: 430px;
}
.non-validation-reg-wrapper .table-section table tbody tr td a {
  color: #1A818D;
}
.non-validation-reg-wrapper .table-section table tbody::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.non-validation-reg-wrapper .table-section table tbody::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.non-validation-reg-wrapper .table-section table tbody::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.non-validation-reg-wrapper .table-section table .checkbox-block input[type=checkbox] {
  height: 20px;
  width: 20px;
  margin: 0;
  padding: 0;
  opacity: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #b5b5b5;
  border-radius: 3px;
  background: #ffffff;
  position: relative;
}
.non-validation-reg-wrapper .table-section table .checkbox-block input[type=checkbox]:checked {
  border: 2px solid #1A818D;
  background: transparent;
}
.non-validation-reg-wrapper .table-section table .checkbox-block input[type=checkbox]:checked:before {
  width: 6px;
  top: 9px;
  left: 2px;
  border-radius: 2px;
  transform: rotate(35deg);
}
.non-validation-reg-wrapper .table-section table .checkbox-block input[type=checkbox]:checked:after {
  width: 12px;
  top: 7px;
  left: 4px;
  border-radius: 2px;
  transform: rotate(-54deg);
}
.non-validation-reg-wrapper .table-section table .checkbox-block input[type=checkbox]:focus {
  outline: none;
}
.non-validation-reg-wrapper .cta-btn-section {
  text-align: right;
}
.non-validation-reg-wrapper .cta-btn-section button {
  border-radius: 8px;
  padding: 0.6rem 2rem;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 140px;
  font-weight: 600;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 160px;
  padding: 12px 20px;
  margin-right: 1rem;
}
.non-validation-reg-wrapper .cta-btn-section button:last-child {
  margin-right: 0;
}
.non-validation-reg-wrapper .cta-btn-section button.is-disable {
  opacity: 0.5;
  cursor: not-allowed;
}

.non-validation-reg-wrapper .table-section table .checkbox-block input[type=checkbox]:checked:before,
.non-validation-reg-wrapper .table-section table .checkbox-block input[type=checkbox]:checked:after {
  content: "";
  position: absolute;
  height: 2px;
  background: #1A818D;
}

.create-new-rule-wrapper .container .inner-wrapper .right-side-wrapper > .description-section {
  width: 100%;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .ref-label-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1920px) {
  .create-new-rule-wrapper .container .inner-wrapper .left-side-form .ref-label-group {
    justify-content: inherit;
  }
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .ref-label-group label {
  color: #5C5C5C;
  font-size: 14px;
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .ref-label-group .ref-inner-group {
  position: relative;
  display: inline-block;
  font-size: 14px;
  min-width: 290px;
}
@media screen and (min-width: 1920px) {
  .create-new-rule-wrapper .container .inner-wrapper .left-side-form .ref-label-group .ref-inner-group {
    margin-left: 5%;
  }
}
.create-new-rule-wrapper .container .inner-wrapper .left-side-form .ref-label-group .ref-inner-group p {
  color: #5C5C5C;
  font-size: 14px;
}

.rule-form .create-new-rule-wrapper .disabled {
  pointer-events: none;
  background: #F6F6F6 !important;
}

/* Roche customer management module css */
.customer-overview-wrapper .cards-view .card .card-body .label__group p.verification-pending {
  color: #D63301;
  display: flex;
  align-items: center;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group p.verification-pending img {
  margin-left: 10px;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group p.verification-complete {
  color: #2e7d32;
  display: flex;
  align-items: center;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group p.verification-complete img {
  margin-left: 10px;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group p.disable-text {
  color: #E3E3E3;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section {
  flex: 65%;
  position: relative;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section input {
  border: 2px solid #b5b5b5;
  border-radius: 4px;
  padding: 5px 25px 5px 5px;
  color: #0B393E;
  width: 70%;
}
.customer-overview-wrapper .chart-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.customer-overview-wrapper .chart-section .donought-chart-section {
  width: 36%;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block {
  height: 100%;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content {
  height: calc(100% - 82px);
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section {
  border-radius: 8px;
  border: 1px solid var(--Neutral-Shades-and-Tints-acGray70, #E3E3E3);
  background: #fff;
  text-align: center;
  padding: 1rem;
  height: 100%;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section h3 {
  color: #1A818D;
  text-align: center;
  font-family: "roche-sansmedium";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 12px;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section label {
  color: #0B393E;
  text-align: center;
  font-family: "roche-sansregular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 1rem;
  margin-right: 0;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section {
  min-height: 480px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
@media screen and (min-width: 1920px) {
  .customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section {
    min-height: 576px;
  }
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section h2 {
  color: #1A818D;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section .change_log_text {
  font-size: 14px;
  display: flex;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section .change_log_text i.fa-solid {
  font-size: 10px;
  border: 1px solid;
  border-radius: 50%;
  padding: 3px 6px;
  margin-left: 6px;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section .change_log_text img {
  margin-left: 6px;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section a {
  color: #1A818D;
  text-align: center;
  font-family: "roche-sansregular";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
  text-transform: capitalize;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section .halfdoughnut {
  position: relative;
  margin-bottom: 2rem;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section .halfdoughnut canvas {
  width: 500px;
  height: auto;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section .halfdoughnut .donut-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section .halfdoughnut .donut-inner p {
  font-family: "roche-sansmedium";
  color: #0B393E;
  font-size: 20px;
  line-height: 24px;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section .halfdoughnut .donut-inner p.no-data {
  font-family: "roche-sansmedium";
  color: #E3E3E3;
  font-size: 20px;
  line-height: 24px;
}
.customer-overview-wrapper .chart-section .donought-chart-section .block .block__content .donough-section .donought-inner-section .halfdoughnut .donut-inner h4 {
  color: #1A818D;
  text-align: center;
  font-family: "roche-sansmedium";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  text-transform: capitalize;
}
.customer-overview-wrapper .chart-section .donought-chart-section .start-end-date-section {
  padding: 1rem;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  margin-top: 1.5rem;
}
.customer-overview-wrapper .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section {
  display: flex;
  justify-content: center;
}
.customer-overview-wrapper .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p {
  color: #0B393E;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.customer-overview-wrapper .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p::after {
  content: "";
  padding-left: 1rem;
  margin-right: 1rem;
  color: #E3E3E3;
  border-right: 1px solid #E3E3E3;
}
.customer-overview-wrapper .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p:last-child::after {
  border-right: none;
  padding-left: inherit;
  margin-right: inherit;
}
.customer-overview-wrapper .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p.no-data {
  color: #E3E3E3;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.customer-overview-wrapper .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p.no-data::after {
  content: "";
  padding-left: 1rem;
  margin-right: 1rem;
  color: #E3E3E3;
  border-right: 1px solid #E3E3E3;
}
.customer-overview-wrapper .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p.no-data:last-child::after {
  border-right: none;
}
.customer-overview-wrapper .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p.no-data span {
  margin-left: 2rem;
}
.customer-overview-wrapper .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section .error-text {
  color: #D63301;
}
.customer-overview-wrapper .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section .warning-text {
  color: #FFC107;
}
.customer-overview-wrapper .chart-section .pie-chart-section {
  width: 62%;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Shades-and-Tints-acGray70, #E3E3E3);
  background: #ffffff;
  text-align: center;
  position: relative;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .tabs {
  border-bottom: 1px solid #E3E3E3;
  text-align: left;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .tabs li {
  margin: 0 1rem;
  width: auto;
  text-align: center;
  display: inline-flex;
  -webkit-box-pack: center;
  vertical-align: top;
  justify-content: flex-start;
  cursor: pointer;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .tabs li a {
  color: #0B393E;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 0;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .tabs li a.active {
  color: #1A818D;
  border-bottom: 2px solid #1A818D;
  font-weight: bold;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .tabs li a.error-text {
  color: #ed3636;
  border-color: #ed3636;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .tabs li a.warning-text {
  color: #f35300;
  border-color: #f35300;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .tabs li a.warning-text.active {
  border-bottom: 2px solid #f35300;
  font-weight: bold;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .chart-container {
  width: 55%;
  position: relative;
  margin: 0 auto;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .donut {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .donut p {
  color: #1A818D;
  font-size: 26px;
  font-weight: bold;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .donut p.no-data {
  color: #E3E3E3;
  font-size: 26px;
  font-weight: bold;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper {
  padding: 1.5rem;
  min-height: 250px;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper.warning-wrapper h3 {
  color: #f35300;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper.warning-wrapper .chart-container .donut p {
  color: #f35300;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper.error-outer-wrapper h3 {
  color: #ed3636;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper.error-outer-wrapper .chart-container .donut p {
  color: #ed3636;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper h3 {
  color: #1A818D;
  text-align: center;
  font-family: "roche-sansregular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0.5rem;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-evenly;
  margin: 0 auto;
  min-height: 270px;
  border-top: 1px solid #E3E3E3;
  flex-wrap: wrap;
  height: 100%;
  padding: 1rem 2rem;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row {
  display: flex;
  margin-bottom: 0.1rem;
  text-align: left;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-label {
  text-align: left;
  margin-right: 1rem;
  width: 38%;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-label p {
  font-size: 14px;
  color: #0B393E;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-bar {
  width: 300px;
  margin-right: 1rem;
  width: 35%;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-bar progress {
  width: 100%;
  height: 29px;
  accent-color: #1A818D;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-bar progress.danger {
  accent-color: #ed3636;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-bar progress.warning {
  accent-color: #f35300;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-bar progress[tooltip]::after {
  width: auto;
  max-width: 45em;
  background: #fff;
  border-radius: 8px;
  color: #0B393E;
  border: 1px solid #1a818d;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-bar progress[tooltip]:not([flow])::before {
  border-top-color: #1a818d;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-percentage {
  width: 20%;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-percentage p {
  font-size: 14px;
  color: #0B393E;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .warning-message {
  position: absolute;
  bottom: 0;
  left: 50%;
  bottom: 0%;
  transform: translate(-50%, -50%);
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .warning-message p {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #f35300;
  font-weight: bold;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .warning-message p i {
  margin-right: 5px;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .warning-message p img {
  margin-right: 5px;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .error-message {
  position: absolute;
  bottom: 0;
  left: 50%;
  bottom: 0%;
  transform: translate(-50%, -50%);
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .error-message p {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #ed3636;
  font-weight: bold;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .error-message p i.fa-solid {
  margin-right: 5px;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-evenly;
  margin: 0 auto;
  min-height: 270px;
  border-top: 1px solid #E3E3E3;
  flex-wrap: wrap;
  height: 100%;
  padding: 1rem 3rem;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  text-align: left;
  width: 100%;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-label {
  text-align: left;
  margin-right: 1rem;
  width: 10%;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-label p {
  font-size: 14px;
  color: #E3E3E3;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-bar {
  margin-right: 1rem;
  width: 40%;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-bar progress {
  width: 100%;
  height: 20px;
  accent-color: #1A818D;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-bar progress.danger {
  accent-color: #D63301;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-bar progress.warning {
  accent-color: #f35300;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-percentage {
  width: 15%;
}
.customer-overview-wrapper .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-percentage p {
  font-size: 14px;
  color: #E3E3E3;
}
.customer-overview-wrapper .log-graph-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.customer-overview-wrapper .log-graph-section .log-section {
  border: 1px solid #E3E3E3;
  padding: 20px 30px;
  border-radius: 8px;
  margin-right: 3rem;
  width: 36%;
}
.customer-overview-wrapper .log-graph-section .log-section .change_log_text {
  display: flex;
  align-items: center;
  color: #1A818D;
  font-size: 14px;
}
.customer-overview-wrapper .log-graph-section .log-section .change_log_text img {
  padding-left: 8px;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section {
  text-align: center;
  margin-top: 3rem;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section h3 {
  font-size: 28px;
  color: #1A818D;
  margin-bottom: 1rem;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section p {
  margin-bottom: 20px;
  color: #1A818D;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section h2 {
  color: #0B393E;
  font-size: 20px;
  font-family: roche-sansmedium;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section .date-section {
  margin-top: 3rem;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section .date-section label {
  font-size: 14px;
  color: #1A818D;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section .date-section label:first-child {
  padding-right: 1rem;
  margin-right: 1rem;
  border-right: 1px solid #E3E3E3;
}
.customer-overview-wrapper .log-graph-section .customer-chart {
  width: 60%;
}
.customer-overview-wrapper .log-graph-section .graph-section {
  border: 1px solid #E3E3E3;
  padding: 20px 28px;
  border-radius: 8px;
  flex: 55%;
}
.customer-overview-wrapper .log-graph-section .halfdoughnut {
  height: 304px;
  width: 100%;
  overflow: hidden;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  position: relative;
  text-align: center;
}
.customer-overview-wrapper .log-graph-section .halfdoughnut #myChart {
  width: 80% !important;
  height: 300px !important;
  margin: 0 auto !important;
}
.customer-overview-wrapper .log-graph-section .donut-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.customer-overview-wrapper .log-graph-section .donut-inner p {
  align-content: center;
  font-size: 20px;
  color: #0B393E;
}
.customer-overview-wrapper .log-graph-section .donut-inner p:nth-child(2) {
  color: #1A818D;
  font-size: 35px;
  font-weight: 400;
  font-family: roche-sansmedium, sans-serif;
}
.customer-overview-wrapper .log-graph-section .donut-inner h5 {
  margin-bottom: 5px;
  margin-top: 0;
}
.customer-overview-wrapper .log-graph-section .donut-inner span {
  font-size: 12px;
}
.customer-overview-wrapper .contract-tab-section {
  margin-top: 3rem;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs {
  border-bottom: 1px solid #E3E3E3;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs li:first-child {
  margin-right: 1rem;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs li {
  margin: 0 1rem;
  width: auto;
  text-align: center;
  display: inline-flex;
  -webkit-box-pack: center;
  vertical-align: top;
  justify-content: flex-start;
  cursor: pointer;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs li a {
  color: #0B393E;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 0;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs li a.active {
  color: #1A818D;
  border-bottom: 2px solid #1A818D;
  font-weight: bold;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer {
  margin-top: 1rem;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .no-record-found {
  padding: 15px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper {
  display: flex;
  background: var(--neutral-shades-and-tints-ac-gray-light, #fafafa);
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .fist-row {
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: end;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .fist-row #left-button {
  border: none;
  background: transparent;
  padding: 5px 20px;
  color: #1A818D;
  cursor: pointer;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header {
  padding: 1rem;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count {
  width: 90px;
  min-width: 90px;
  margin-right: 1rem;
  text-align: center;
  position: relative;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count div {
  display: flex;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span {
  color: #0B393E;
  font-size: 14px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span a {
  font-size: 14px;
  color: #1A818D;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span a img {
  width: 16px;
  height: auto;
  margin-left: 4px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span.delivered {
  color: #2e7d32;
  padding: 0 0 0 8px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span.in-progress {
  color: #0B393E;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count p {
  font-size: 14px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count p .date-calendar {
  width: 100%;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #1A818D;
  height: 20px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section {
  display: flex;
  align-items: center;
  width: 12.5%;
  justify-content: space-between;
  padding: 1rem 0 1rem 1rem;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section #right-button {
  border: none;
  background: transparent;
  padding: 5px;
  color: #1A818D;
  cursor: pointer;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section .add-new-btn {
  font-weight: bold;
  color: #1A818D;
  display: flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid #1A818D;
  padding: 8px 12px;
  border-radius: 8px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section .add-new-btn i.fa-solid {
  font-size: 14px;
  margin-left: 6px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section .add-new-btn:hover {
  transition: 0.3s all ease-in-out;
  color: #0B393E;
  border-color: #0B393E;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #1A818D;
  padding: 1rem 0;
  color: white;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .fist-row {
  width: 15%;
  text-align: left;
  padding-left: 1rem;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .fist-row p {
  font-size: 16px;
  font-weight: 700;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .delivery-outer-value-wrapper {
  display: flex;
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .delivery-outer-value-wrapper .delivery-values {
  width: 90px;
  min-width: 90px;
  text-align: center;
  margin-right: 1rem;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .delivery-outer-value-wrapper .delivery-values p {
  font-size: 14px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .delivery-outer-value-wrapper .delivery-values.col-disabled span {
  color: #5C5C5C;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .delivery-outer-value-wrapper .delivery-values.col-disabled p {
  color: #D2D2D2;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .last-row {
  width: 15%;
  text-align: center;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .last-row p {
  font-size: 14px;
  padding: 0 0 0 5px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .last-row .min-max-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .last-row .min-max-section span {
  font-size: 12px;
  margin-right: 5px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .last-row .min-max-section span:first-child::after {
  content: "|";
  padding-left: 6px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .last-row .min-max-section span:last-child {
  display: flex;
  font-size: unset;
  width: 18px;
  height: 18px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .last-row .min-max-section span:last-child[tooltip]::after {
  min-width: 8em;
  font-size: 12px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .fist-row {
  width: 15%;
  text-align: left;
  padding-left: 1rem;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .fist-row label {
  color: #0B393E;
  font-size: 14px;
  font-family: "roche-sansmedium";
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .fist-row h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 100;
  color: #0B393E;
  margin-top: 6px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .fist-row p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #0B393E;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper {
  display: flex;
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .delivery-values {
  width: 90px;
  min-width: 90px;
  text-align: center;
  margin-right: 1rem;
  color: #0B393E;
  font-size: 14px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .delivery-values input {
  width: 100%;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #D2D2D2;
  padding: 2px 0;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .delivery-values input:focus {
  border: 1px solid #1A818D;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .delivery-values p {
  font-size: 14px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .delivery-values.col-disabled span {
  color: #bfbfbf;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .delivery-values.col-disabled p {
  color: #bfbfbf;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .delivery-values.col-disabled input {
  color: #bfbfbf;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .last-row {
  width: 15%;
  text-align: center;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section {
  border-top: 1px solid #E3E3E3;
  padding: 1rem;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one {
  display: flex;
  margin-bottom: 10px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .fist-row {
  width: 15%;
  text-align: left;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .fist-row p {
  font-size: 14px;
  color: #0B393E;
  text-transform: uppercase;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .delivery-outer-value-wrapper {
  display: flex;
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .delivery-outer-value-wrapper .delivery-values {
  width: 90px;
  min-width: 90px;
  text-align: center;
  margin-right: 1rem;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .delivery-outer-value-wrapper .delivery-values p {
  font-size: 14px;
  color: #0B393E;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .delivery-outer-value-wrapper .delivery-values.col-disabled span {
  color: #5C5C5C;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .delivery-outer-value-wrapper .delivery-values.col-disabled p {
  color: #5C5C5C;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .delivery-outer-value-wrapper .delivery-values.col-disabled input [type=number] {
  color: #bfbfbf;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .last-row {
  width: 15%;
  text-align: center;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table {
  width: inherit;
  min-width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr {
  background-color: #fafafa;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
  width: 100%;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr th:nth-child(1) {
  width: 400px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr th:nth-child(2) {
  width: 245px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr th:nth-child(3) {
  width: 180px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr th:nth-child(4) {
  width: 337px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr th:nth-child(5) {
  width: 120px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr th a.add-new-btn {
  font-weight: bold;
  color: #1A818D;
  display: flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid #1A818D;
  padding: 8px 12px;
  border-radius: 8px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr th a.add-new-btn i {
  margin-left: 6px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr th a.add-new-btn:hover {
  color: #0B393E;
  border-color: #0B393E;
  transition: 0.3s all ease-in-out;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr th a.service-edit-btn {
  font-size: 14px;
  color: #1A818D;
  text-decoration: none;
  display: flex;
  font-weight: 600;
  border: 1px solid #1A818D;
  padding: 8px 12px;
  border-radius: 8px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr th a.service-edit-btn i {
  font-size: 16px;
  margin-left: 8px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table thead tr th a.service-edit-btn:hover {
  color: #0B393E;
  transition: 0.3s all ease-in-out;
  border-color: #0B393E;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr:last-child {
  border-bottom: none;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td h4 {
  color: #0B393E;
  font-family: "roche-sansmedium";
  font-weight: normal;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td span {
  display: block;
  width: 96%;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td:nth-child(1) {
  width: 350px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td:nth-child(2) {
  width: 80px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td:nth-child(2) .calendar-input {
  position: relative;
  width: 215px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td:nth-child(2) .calendar-input input {
  display: inline-block;
  font-size: 14px;
  width: 215px;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: transparent;
  text-align: left;
  color: #0B393E;
  cursor: pointer;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td:nth-child(2) .calendar-input i {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: -1;
  font-size: 18px;
  color: #1A818D;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td:nth-child(2) .calendar-input img {
  position: absolute;
  top: 8px;
  right: 12px;
  z-index: -1;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td:nth-child(3) {
  width: 120px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td:nth-child(4) {
  width: 80px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .date-calendar {
  width: 100%;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #1A818D;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box {
  position: relative;
  display: block;
  width: 98%;
  font-size: 14px;
  color: #0B393E;
  z-index: 9;
  border-radius: 8px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__current {
  position: relative;
  cursor: pointer;
  outline: none;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  overflow: hidden;
  height: 57px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__current:focus + .select-box__list {
  opacity: 1;
  animation-name: none;
  border-radius: 0px 0px 4px 4px;
  background: var(--primary-colors-primary-ac-white, #ffffff);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.25);
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__current:focus .select-box__icon {
  transform: translateY(-50%);
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(180deg);
  width: 20px;
  transition: 0.2s ease;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__value {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 8px;
  position: absolute;
  width: 100%;
  left: 0;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__input {
  display: none;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__input:checked + .select-box__input-text {
  display: block;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  background-color: #ffffff;
  color: #0B393E;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  list-style: none;
  opacity: 0;
  margin-top: 5px;
  animation-name: HideList;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: step-start;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.5);
  overflow: scroll;
  max-height: 150px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__option {
  display: block;
  padding: 8px 10px;
  background-color: #ffffff;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .button-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .button-section .cta-section {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  position: relative;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .button-section .cta-section .update-pricing-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
  width: auto;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .button-section .cta-section .update-pricing-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .button-section .cta-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  margin-right: 2rem;
  width: auto;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .button-section .cta-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .button-section .cta-section .shift-left {
  position: absolute;
  left: 0;
  margin-right: 0;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .button-section .cta-section .save-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
  width: auto;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .button-section .cta-section .save-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer #update-service {
  justify-content: end !important;
  padding: 1rem 0;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer #update-service .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  margin-right: 2rem;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer #update-service .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer #update-service .save-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer #update-service .save-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}

.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__option:hover,
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper table tbody tr td .select-box__option:focus {
  color: #ffffff;
  background-color: #1A818D;
}

.customer-overview-wrapper .inner-wrapper .cards-view .card .card-body div.no-infor {
  margin: 0 auto;
  display: table;
}
.customer-overview-wrapper .inner-wrapper .cards-view .card .card-body div.no-infor-registered {
  color: #0B393E;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#myChart p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #1A818D !important;
  border-color: #1A818D !important;
}

.delivery-tooltip:hover .delivery-tooltiptext {
  visibility: visible;
}
.delivery-tooltip .delivery-tooltiptext {
  visibility: hidden;
  width: 140px !important;
  background-color: #333;
  height: -moz-max-content !important;
  height: max-content !important;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 9;
  top: 25px;
  white-space: initial;
  bottom: 0;
  right: 65px;
  left: -12px;
  color: #ffffff !important;
  font-size: 12px;
}
.delivery-tooltip .delivery-tooltiptext::after {
  content: " ";
  position: absolute;
  top: -5px;
  right: 50%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #333 transparent transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}

.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count .delete-delivery {
  position: absolute;
  right: -6px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count a {
  position: relative;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count a i {
  font-size: 16px;
  color: #1A818D;
  cursor: pointer;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count a img {
  cursor: pointer;
  margin-top: 2px;
  width: auto;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count .delivery-tooltip .delivery-tooltiptext > span {
  color: #ffffff;
  font-size: 12px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count .cal-icon {
  position: absolute;
  right: 3px;
  width: 16px;
  bottom: 3px;
}

/* Removes up down arrows from input type number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Removes up down arrows from input type number */
/* Media queriy for 1920 pixed wide or more wide screens as on 8 Feb 2024 */
@media screen and (min-width: 1920px) {
  .card-wrapper .row .card {
    width: 23.85%;
    box-sizing: border-box;
  }
  .contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .table-section table thead tr {
    display: flex;
    justify-content: space-around;
  }
  .contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .table-section table tbody tr {
    display: flex;
    justify-content: space-around;
  }
  .contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .select-box {
    min-width: 75%;
  }
  .contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .calendar-input {
    min-width: 75%;
  }
  .contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .rule-define-section .type-dropdown .calendar-input input {
    min-width: 100%;
  }
  .contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table thead tr {
    display: flex;
    justify-content: space-around;
  }
  .contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .panel .substitution-rule-wrapper .table-section table tbody tr {
    display: flex;
    justify-content: space-around;
  }
  .create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .wrapper-dropdown {
    min-width: 77%;
  }
  .create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .calendar-input {
    min-width: 77%;
  }
  .create-new-rule-wrapper .container .inner-wrapper .left-side-form .type-dropdown .calendar-input input {
    min-width: 100%;
  }
  .create-new-rule-wrapper .container .max-min-section {
    /* .max-heading {
      width: 8.5%;
    } */
  }
  .create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section {
    margin-right: 2rem;
  }
  .create-new-rule-wrapper .container .max-min-section .input-outer-section .input-section label {
    word-wrap: break-word;
    word-break: break-word;
    width: 90px;
  }
  .modal-content {
    width: 400px;
  }
  .modal-content .text-content h5 {
    font-size: 18px;
  }
  .modal-content .btn-section .no-btn button {
    font-size: 18px;
  }
  .modal-content .btn-section .yes-btn button {
    font-size: 18px;
  }
  .text-container {
    width: 100%;
  }
  .contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .table-section table thead tr th:nth-child(7) {
    width: 160px;
  }
  .contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .table-section table thead tr th:nth-child(8) {
    width: 200px;
  }
  .contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .table-section table tbody tr td:nth-child(7) {
    width: 160px;
    word-wrap: break-word;
    word-break: break-word;
  }
  .contract-parameter-setup .inner-wrapper .tabbedPanels .panelContainer .table-section table tbody tr td:nth-child(8) {
    width: 200px;
    word-wrap: break-word;
    word-break: break-word;
  }
  .customer-overview-wrapper .log-graph-section .halfdoughnut #myChart {
    width: 57% !important;
  }
  .create-new-ref .container .inner-wrapper .left-side-form {
    margin-right: 3rem;
    min-width: 500px;
  }
  .create-new-ref .container .inner-wrapper .left-side-form .form_group_ref {
    width: 100%;
  }
}
/* Media queriy for 1920 pixed wide or more wide screens as on 8 Feb 2024 */
/* My Order page CSS start here as on 8 Feb 2024 Given by Rohit */
.customer-home-page .banner-section {
  margin-bottom: 3rem;
}
.customer-home-page .banner-section .carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.customer-home-page .banner-section .carousel-container {
  display: flex;
  transition: all 0.3s ease;
}
.customer-home-page .banner-section .carousel-post {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 560px;
  background: linear-gradient(267deg, rgba(38, 190, 207, 0.67) 25.15%, #26becf 66.79%, #1a818d 94.02%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 40%, 100% 100%, 55% 95%, 48% 95%, 0 100%, 0% 50%);
          clip-path: polygon(0 0, 100% 0, 100% 40%, 100% 100%, 55% 95%, 48% 95%, 0 100%, 0% 50%);
}
.customer-home-page .banner-section .carousel-post img {
  width: 100%;
  height: inherit;
}
.customer-home-page .banner-section .carousel-post .left-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3rem 4rem;
  width: 58%;
}
.customer-home-page .banner-section .carousel-post .left-section h3 {
  color: #fff;
  text-align: center;
  font-family: "Roche Sans";
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
}
.customer-home-page .banner-section .carousel-post .left-section h5 {
  color: #fff;
  font-family: "Roche Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.48px;
  margin-bottom: 2rem;
}
.customer-home-page .banner-section .carousel-post .left-section .explore-btn {
  border-radius: 8px;
  padding: 10px 28px;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 150px;
  font-family: "roche-sansmedium";
  cursor: pointer;
  width: auto;
  background: #fff;
  border: none;
  color: #1a818d;
  text-transform: capitalize;
}
.customer-home-page .banner-section .carousel-post .left-section a {
  width: 100%;
  height: 100%;
}
.customer-home-page .banner-section .carousel-post .left-section a img {
  width: 100%;
  height: auto;
}
.customer-home-page .banner-section .carousel-post .right-section {
  width: 42%;
  padding: 2rem;
}
.customer-home-page .banner-section .carousel-post a {
  width: 100%;
  height: 100%;
}
.customer-home-page .banner-section .carousel-post a img {
  width: 100%;
  height: auto;
}
.customer-home-page .banner-section .carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-home-page .banner-section .carousel-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-home-page .banner-section .dot {
  width: 10px;
  height: 10px;
  border: 2px solid #1a818d;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  transition: linear 0.6s ease;
}
.customer-home-page .banner-section .active-dot {
  background-color: #1a818d;
  width: 32px;
  border-radius: 8px;
}

.block-roche-customer-dashboard .block__content .banner-section .carousel .carousel-container .carousel-post a img {
  width: 100%;
}

.customer-my-orders .banner-section {
  margin-bottom: 3rem;
}
.customer-my-orders .banner-section .carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.customer-my-orders .banner-section .carousel-container {
  display: flex;
  transition: all 0.3s ease;
}
.customer-my-orders .banner-section .carousel-post {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 560px;
  background: linear-gradient(267deg, rgba(38, 190, 207, 0.67) 25.15%, #26becf 66.79%, #1a818d 94.02%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 40%, 100% 100%, 55% 95%, 48% 95%, 0 100%, 0% 50%);
          clip-path: polygon(0 0, 100% 0, 100% 40%, 100% 100%, 55% 95%, 48% 95%, 0 100%, 0% 50%);
}
.customer-my-orders .banner-section .carousel-post .left-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3rem 4rem;
  width: 58%;
}
.customer-my-orders .banner-section .carousel-post .left-section h3 {
  color: #fff;
  text-align: center;
  font-family: "Roche Sans";
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
}
.customer-my-orders .banner-section .carousel-post .left-section h5 {
  color: #fff;
  font-family: "Roche Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.48px;
  margin-bottom: 2rem;
}
.customer-my-orders .banner-section .carousel-post .left-section .explore-btn {
  border-radius: 8px;
  padding: 10px 28px;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 150px;
  font-family: "roche-sansmedium";
  cursor: pointer;
  width: auto;
  background: #fff;
  border: none;
  color: #1a818d;
  text-transform: capitalize;
}
.customer-my-orders .banner-section .carousel-post .right-section {
  width: 42%;
  padding: 2rem;
}
.customer-my-orders .banner-section .carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-my-orders .banner-section .carousel-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-my-orders .banner-section .dot {
  width: 10px;
  height: 10px;
  border: 2px solid #1a818d;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  transition: linear 0.6s ease;
}
.customer-my-orders .banner-section .active-dot {
  background-color: #1a818d;
  width: 32px;
  border-radius: 8px;
}

.customer-media-landing .banner-section {
  margin-bottom: 3rem;
}
.customer-media-landing .banner-section .carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.customer-media-landing .banner-section .carousel-container {
  display: flex;
  transition: all 0.3s ease;
}
.customer-media-landing .banner-section .carousel-post {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 560px;
  background: linear-gradient(267deg, rgba(38, 190, 207, 0.67) 25.15%, #26becf 66.79%, #1a818d 94.02%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 40%, 100% 100%, 55% 95%, 48% 95%, 0 100%, 0% 50%);
          clip-path: polygon(0 0, 100% 0, 100% 40%, 100% 100%, 55% 95%, 48% 95%, 0 100%, 0% 50%);
}
.customer-media-landing .banner-section .carousel-post img {
  width: 100%;
  height: inherit;
}
.customer-media-landing .banner-section .carousel-post .left-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3rem 4rem;
  width: 58%;
}
.customer-media-landing .banner-section .carousel-post .left-section h3 {
  color: #fff;
  text-align: center;
  font-family: "Roche Sans";
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
}
.customer-media-landing .banner-section .carousel-post .left-section h5 {
  color: #fff;
  font-family: "Roche Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.48px;
  margin-bottom: 2rem;
}
.customer-media-landing .banner-section .carousel-post .left-section .explore-btn {
  border-radius: 8px;
  padding: 10px 28px;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 150px;
  font-family: "roche-sansmedium";
  cursor: pointer;
  width: auto;
  background: #fff;
  border: none;
  color: #1a818d;
  text-transform: capitalize;
}
.customer-media-landing .banner-section .carousel-post .left-section a {
  height: 100%;
  width: 100%;
}
.customer-media-landing .banner-section .carousel-post .left-section a img {
  height: 100%;
  width: 100%;
}
.customer-media-landing .banner-section .carousel-post .right-section {
  width: 42%;
  padding: 2rem;
}
.customer-media-landing .banner-section .carousel-post a {
  height: 100%;
  width: 100%;
}
.customer-media-landing .banner-section .carousel-post a img {
  height: 100%;
  width: 100%;
}
.customer-media-landing .banner-section .carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-media-landing .banner-section .carousel-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-media-landing .banner-section .dot {
  width: 10px;
  height: 10px;
  border: 2px solid #1a818d;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  transition: linear 0.6s ease;
}
.customer-media-landing .banner-section .active-dot {
  background-color: #1a818d;
  width: 32px;
  border-radius: 8px;
}
.customer-media-landing .header-text {
  text-align: center;
  margin-bottom: 2.5rem;
}
.customer-media-landing .header-text p.text-aligned-center {
  text-align: center;
  color: #0B393E;
}
.customer-media-landing .header-text h2 {
  color: #1A818D;
  text-align: center;
  font-family: "roche-sansmedium";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}
.customer-media-landing p.text-aligned-center {
  text-align: center;
  color: #0B393E;
}
.customer-media-landing .catalog-section {
  padding: 28px 32px;
}
.customer-media-landing .catalog-section p.text-aligned-center {
  text-align: center;
  color: #0B393E;
}
.customer-media-landing .catalog-section .catalog-inner-wrapper {
  display: flex;
  justify-content: center;
  width: 90%;
  margin: 0 auto 3rem;
}
.customer-media-landing .catalog-section .catalog-inner-wrapper .text-section {
  border-radius: 20px 0px 0px 20px;
  background: #1A818D;
  display: flex;
  align-items: center;
  flex: auto;
  justify-content: center;
}
.customer-media-landing .catalog-section .catalog-inner-wrapper .text-section h4 {
  color: #fff;
  font-size: 2rem;
  text-align: center;
  font-weight: 500;
  width: 60%;
}
.customer-media-landing .catalog-section .catalog-inner-wrapper .img-section {
  flex-basis: fit-content;
  width: 100%;
}
.customer-media-landing .catalog-section .catalog-inner-wrapper .img-section img {
  height: 100%;
  width: 100%;
}
.customer-media-landing .documentation-section #wrapper {
  position: relative;
  margin-bottom: 3rem;
}
.customer-media-landing .documentation-section #wrapper #carousel {
  position: relative;
  display: flex;
  overflow: hidden;
  max-width: 80%;
  width: 100%;
  margin: 0 auto;
}
.customer-media-landing .documentation-section #wrapper #carousel .square {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #bbbbbb;
  font-size: 50px;
  min-width: 300px;
  height: 291px;
  background: #c5e7eb;
  border-radius: 50%;
  margin: 0px 30px 4.5rem;
  transition: 100ms ease-in-out;
}
@media screen and (min-width: 1920px) {
  .customer-media-landing .documentation-section #wrapper #carousel .square {
    min-width: 455px;
    height: 400px;
  }
}
.customer-media-landing .documentation-section #wrapper #carousel .square .slider-text {
  position: absolute;
  bottom: -65px;
  width: 98%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-media-landing .documentation-section #wrapper #carousel .square .slider-text h4 {
  color: #1A818D;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.customer-media-landing .documentation-section #wrapper #carousel .square .slider-text a {
  display: flex;
  text-decoration: none;
}
.customer-media-landing .documentation-section #wrapper #carousel p.text-aligned-center {
  text-align: center;
  color: #0B393E;
  width: 100%;
}
.customer-media-landing .documentation-section #wrapper .prev {
  position: absolute;
  left: 5%;
  top: 35%;
  z-index: 9;
  padding: 0 2px 0px 0;
  cursor: pointer;
  text-align: center;
  background-color: unset;
  color: #1A818D;
  border: 2px solid #1A818D;
  border-color: #1A818D;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  transition: 60ms ease-in-out;
}
.customer-media-landing .documentation-section #wrapper .prev i {
  font-size: 16px;
}
.customer-media-landing .documentation-section #wrapper .next {
  position: absolute;
  right: 5%;
  top: 35%;
  z-index: 9;
  padding: 2px 0px 0 2px;
  cursor: pointer;
  text-align: center;
  background-color: unset;
  color: #1A818D;
  border: 2px solid #1A818D;
  border-color: #1A818D;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  transition: 60ms ease-in-out;
}
.customer-media-landing .documentation-section #wrapper .next i {
  font-size: 16px;
}
.customer-media-landing .video-section {
  position: relative;
  padding-bottom: 1rem;
}
.customer-media-landing .video-section .controls {
  display: flex;
  overflow: hidden;
  max-width: 80%;
  width: 100%;
  margin: 0 auto;
}
.customer-media-landing .video-section .controls .prev-btn {
  position: absolute;
  left: 5%;
  top: 50%;
  z-index: 9;
  padding: 2px 0px 0 2px;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  background-color: unset;
  color: #1A818D;
  border: 2px solid #1A818D;
  border-color: #1A818D;
  border-radius: 50%;
  height: 25px;
  text-decoration: none;
  line-height: 23px;
  width: 25px;
  transition: 60ms ease-in-out;
}
.customer-media-landing .video-section .controls .prev-btn i {
  font-size: 16px;
}
.customer-media-landing .video-section .controls .next-btn {
  position: absolute;
  right: 5%;
  top: 50%;
  z-index: 9;
  padding: 2px 0px 0 2px;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  background-color: unset;
  color: #1A818D;
  border: 2px solid #1A818D;
  border-color: #1A818D;
  border-radius: 50%;
  text-decoration: none;
  height: 25px;
  line-height: 23px;
  width: 25px;
  transition: 60ms ease-in-out;
}
.customer-media-landing .video-section .controls .next-btn i {
  font-size: 16px;
}
.customer-media-landing .video-section .slider {
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
  overflow: hidden;
  background: white;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  margin-bottom: 2rem;
  position: relative;
}
.customer-media-landing .video-section .slider .slider-items-container {
  display: flex;
  height: auto;
  transition: transform 0.35s ease-in-out;
}
.customer-media-landing .video-section .slider .slider-items-container .slider-item {
  width: 100%;
}
.customer-media-landing .video-section .slider .slider-items-container .slider-item .video-inner-wrapper {
  width: 100%;
  display: flex;
  min-width: 100%;
  height: 400px;
}
.customer-media-landing .video-section .slider .slider-items-container .slider-item .video-inner-wrapper .video-section {
  border-radius: 20px 0px 0px 20px;
  position: relative;
  width: 650px;
}
.customer-media-landing .video-section .slider .slider-items-container .slider-item .video-inner-wrapper .video-section iframe {
  width: 650px;
  height: 400px;
}
.customer-media-landing .video-section .slider .slider-items-container .slider-item .video-inner-wrapper .video-section video {
  width: 650px;
  -o-object-fit: cover;
     object-fit: cover;
}
.customer-media-landing .video-section .slider .slider-items-container .slider-item .video-inner-wrapper .video-section video[poster] {
  background-position: center;
  background-size: cover;
}
.customer-media-landing .video-section .slider .slider-items-container .slider-item .video-inner-wrapper .video-section .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 9;
  display: flex;
}
.customer-media-landing .video-section .slider .slider-items-container .slider-item .video-inner-wrapper .text-section {
  border-radius: 0px 20px 20px 0px;
  background: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 430px;
}
.customer-media-landing .video-section .slider .slider-items-container .slider-item .video-inner-wrapper .text-section .download-btn {
  position: absolute;
  right: 0;
  top: 0;
  background: #1A818D;
  border-radius: 0 20px 0 0;
  padding: 16px;
  display: flex;
}
.customer-media-landing .video-section .slider .slider-items-container .slider-item .video-inner-wrapper .text-section .download-btn img {
  cursor: pointer;
}
.customer-media-landing .video-section .slider .slider-items-container .slider-item .video-inner-wrapper .text-section h4 {
  color: #0B393E;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 500;
  width: 70%;
}
.customer-media-landing .child-section {
  padding: 28px 32px;
  margin: 0 auto;
}
.customer-media-landing .child-section .title-text-section p {
  margin-bottom: 20px;
  color: #0B393E;
}
.customer-media-landing .child-section .body-text-section {
  width: 90%;
  margin-bottom: 20px;
}
.customer-media-landing .child-section .body-text-section p {
  color: #0B393E;
  line-height: 26px;
}
.customer-media-landing .child-section .info-text-section {
  border: 5px solid #1A818D;
  border-radius: 14px;
  width: 100%;
  margin: 2rem auto;
  padding: 1rem;
  text-align: center;
}
.customer-media-landing .child-section .info-text-section p {
  font-size: 2.5rem;
  color: #1A818D;
}
.customer-media-landing .child-section .info-text-section h4 {
  font-size: 3rem;
  color: #1A818D;
}
.customer-media-landing .child-section .cta-section {
  text-align: center;
  margin: 1rem 0;
}
.customer-media-landing .child-section .cta-section button {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
}
.customer-media-landing .child-section .cta-section button:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-media-landing .child-section .cta-section a {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
  text-decoration: none;
}
.customer-media-landing .child-section .cta-section a:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-media-landing .child-section .image-section .image-inline {
  width: 100% !important;
}
.customer-media-landing .child-section .image-section .image-inline img {
  width: 100%;
}
.customer-media-landing .child-section .image-text-section {
  width: 90%;
  margin-bottom: 20px;
}
.customer-media-landing .child-section .image-text-section p {
  color: #0B393E;
  line-height: 26px;
}

.customer-faq {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}
.customer-faq .banner-section {
  margin-bottom: 3rem;
  width: 99.9%;
}
.customer-faq .banner-section .carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.customer-faq .banner-section .carousel-container {
  display: flex;
  transition: all 0.3s ease;
}
.customer-faq .banner-section .carousel-post {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 560px;
  background: linear-gradient(267deg, rgba(38, 190, 207, 0.67) 25.15%, #26becf 66.79%, #1a818d 94.02%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 40%, 100% 100%, 55% 95%, 48% 95%, 0 100%, 0% 50%);
          clip-path: polygon(0 0, 100% 0, 100% 40%, 100% 100%, 55% 95%, 48% 95%, 0 100%, 0% 50%);
}
.customer-faq .banner-section .carousel-post img {
  height: inherit;
  width: 100%;
  max-width: 100%;
}
.customer-faq .banner-section .carousel-post .left-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3rem 4rem;
  width: 58%;
}
.customer-faq .banner-section .carousel-post .left-section h3 {
  color: #fff;
  text-align: center;
  font-family: "Roche Sans";
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
}
.customer-faq .banner-section .carousel-post .left-section h5 {
  color: #fff;
  font-family: "Roche Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.48px;
  margin-bottom: 2rem;
}
.customer-faq .banner-section .carousel-post .left-section .explore-btn {
  border-radius: 8px;
  padding: 10px 28px;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 150px;
  font-family: "roche-sansmedium";
  cursor: pointer;
  width: auto;
  background: #fff;
  border: none;
  color: #1a818d;
  text-transform: capitalize;
}
.customer-faq .banner-section .carousel-post .right-section {
  width: 42%;
  padding: 2rem;
}
.customer-faq .banner-section .carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-faq .banner-section .carousel-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-faq .banner-section .dot {
  width: 10px;
  height: 10px;
  border: 2px solid #1a818d;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  transition: linear 0.6s ease;
}
.customer-faq .banner-section .active-dot {
  background-color: #1a818d;
  width: 32px;
  border-radius: 8px;
}
.customer-faq .header-text {
  width: 100%;
  text-align: center;
  margin-bottom: 2.5rem;
}
.customer-faq .header-text h2 {
  color: #1A818D;
  text-align: center;
  font-family: "roche-sansmedium";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}
.customer-faq .btn-group {
  width: 100%;
  margin: 0 auto 3rem;
  display: flex;
  justify-content: center;
}
.customer-faq .btn-group .tab-btn {
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  padding: 6px 16px;
  color: #1A818D;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: capitalize;
  border: none;
  cursor: pointer;
  margin-right: 1rem;
}
.customer-faq .btn-group .tab-btn.active {
  background: #1A818D;
  color: #fff;
  font-family: "roche-sansmedium";
}
.customer-faq .btn-group .tab-btn:last-child {
  margin-right: 0;
}
.customer-faq .content {
  width: 90%;
  display: none;
  margin-bottom: 2rem;
}
.customer-faq .content.active {
  display: block;
}
.customer-faq .content .accordion-group {
  margin: 1rem auto;
}
.customer-faq .content .accordion-group .accordion {
  background-color: #fff;
  border-bottom: 1px solid #E3E3E3;
}
.customer-faq .content .accordion-group .accordion:first-child {
  background-color: #fff;
  border-bottom: 1px solid #E3E3E3;
}
.customer-faq .content .accordion-group .accordion:last-child {
  border-bottom: none;
}
.customer-faq .content .accordion-group .accordion:first-child {
  background-color: #fff;
  border-bottom: 1px solid #E3E3E3;
}
.customer-faq .content .accordion-group .accordion .ac-state {
  display: none;
}
.customer-faq .content .accordion-group .accordion .ac-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 1rem;
}
.customer-faq .content .accordion-group .accordion .ac-title {
  font-weight: 600;
  color: #1A818D;
}
.customer-faq .content .accordion-group .accordion .ac-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 300ms ease;
}
.customer-faq .content .accordion-group .accordion .ac-content-inner {
  overflow: hidden;
  padding: 0 1rem;
}
.customer-faq .content .accordion-group .accordion .ac-content-inner .accordion {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.customer-faq .content .accordion-group .accordion .ac-content-inner .accordion .accordion-item:last-child {
  padding-bottom: 20px;
}
.customer-faq .content .accordion-group .accordion .ac-content-inner .accordion .accordion-item .accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  cursor: pointer;
  color: #0B393E;
  font-size: 1rem;
}
.customer-faq .content .accordion-group .accordion .ac-content-inner .accordion .accordion-item .accordion-item-header .accordion-item-header-title {
  font-weight: 600;
}
.customer-faq .content .accordion-group .accordion .ac-content-inner .accordion .accordion-item .accordion-item-header .accordion-item-header-icon {
  transition: all 0.2s ease;
}
.customer-faq .content .accordion-group .accordion .ac-content-inner .accordion .accordion-item .accordion-item-description-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: all 0.2s ease;
}
.customer-faq .content .accordion-group .accordion .ac-content-inner .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description {
  min-height: 0;
  width: 90%;
}
.customer-faq .content .accordion-group .accordion .ac-content-inner .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description p {
  color: #0B393E;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.5px;
}
.customer-faq .content .accordion-group .accordion .ac-content-inner .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description ol > li{
  margin: 10px 0px 0px 20px;
}
.customer-faq .content .accordion-group .accordion .ac-content-inner .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description ul > li{
  margin: 10px 0px 0px 20px;
}
.customer-faq .content .accordion-group .accordion .ac-content-inner .accordion .accordion-item.open .accordion-item-header .accordion-item-header-icon {
  transform: rotate(-180deg);
}
.customer-faq .content .accordion-group .accordion .ac-content-inner .accordion .accordion-item.open .accordion-item-description-wrapper {
  grid-template-rows: 1fr;
}
.customer-faq .content .accordion-group .accordion .ac-content img {
  display: block;
  margin: 0 auto;
}
.customer-faq .content .accordion-group .accordion .ac-state:not(:checked) ~ .ac-trigger .ac-icon-close {
  display: none;
}
.customer-faq .content .accordion-group .accordion .ac-state:checked ~ .ac-trigger {
  background-color: #fff;
}
.customer-faq .content .accordion-group .accordion .ac-state:checked ~ .ac-trigger .ac-icon-open {
  display: none;
}
.customer-faq .content .accordion-group .accordion .ac-state:checked ~ .ac-content {
  grid-template-rows: 1fr;
}

.home-contract-page {
  padding: 16px 32px;
}
.home-contract-page .contract-section {
  display: flex;
  justify-content: right;
  align-items: center;
  margin-bottom: 2rem;
}
.home-contract-page label {
  margin-right: 12px;
  font-size: 14px;
  color: #5C5C5C;
}
.home-contract-page .multi-button {
  display: flex;
  align-items: center;
}
.home-contract-page .multi-button .btn-group {
  padding: 7px 12px;
  border: none;
  margin-right: 12px;
  font-size: 14px;
  color: #5C5C5C;
  border-radius: 4px;
  background: var(--PrimaryColors-Primary_acWhite, #FFF);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.home-contract-page .multi-button .btn-group.active {
  border-radius: 4px;
  border: 2px solid #1A818D;
  background: var(--primary-colors-primary-ac-white, #ffffff);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.home-contract-page .multi-button .prev-contracts-link-btn {
  color: #1A818D;
}
.home-contract-page .chart-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.home-contract-page .chart-section .donought-chart-section {
  width: 36%;
}
.home-contract-page .chart-section .donought-chart-section .donough-section {
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  background: #fff;
  text-align: center;
  padding: 1rem;
}
.home-contract-page .chart-section .donought-chart-section .donough-section h3 {
  color: #1A818D;
  text-align: center;
  font-family: "roche-sansmedium";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 12px;
}
.home-contract-page .chart-section .donought-chart-section .donough-section label {
  color: #0B393E;
  text-align: center;
  font-family: "roche-sansregular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 1rem;
  margin-right: 0;
}
.home-contract-page .chart-section .donought-chart-section .donough-section .donought-inner-section {
  min-height: 480px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 1920px) {
  .home-contract-page .chart-section .donought-chart-section .donough-section .donought-inner-section {
    min-height: 576px;
  }
}
.home-contract-page .chart-section .donought-chart-section .donough-section .donought-inner-section h2 {
  font-family: "roche-sansmedium";
  color: #1A818D;
  font-size: 22px;
  margin: 1rem auto;
  font-weight: normal;
  width: 90%;
}
.home-contract-page .chart-section .donought-chart-section .donough-section .donought-inner-section a {
  color: #1A818D;
  text-align: center;
  font-family: "roche-sansregular";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
  text-transform: capitalize;
}
.home-contract-page .chart-section .donought-chart-section .donough-section .donought-inner-section .halfdoughnut {
  position: relative;
  margin-bottom: 2rem;
}
.home-contract-page .chart-section .donought-chart-section .donough-section .donought-inner-section .halfdoughnut canvas {
  width: 500px;
  height: auto;
}
.home-contract-page .chart-section .donought-chart-section .donough-section .donought-inner-section .halfdoughnut .donut-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home-contract-page .chart-section .donought-chart-section .donough-section .donought-inner-section .halfdoughnut .donut-inner p {
  font-family: "roche-sansmedium";
  color: #0B393E;
  font-size: 20px;
  line-height: 24px;
}
.home-contract-page .chart-section .donought-chart-section .donough-section .donought-inner-section .halfdoughnut .donut-inner p.no-data {
  font-family: "roche-sansmedium";
  color: #E3E3E3;
  font-size: 20px;
  line-height: 24px;
}
.home-contract-page .chart-section .donought-chart-section .donough-section .donought-inner-section .halfdoughnut .donut-inner h4 {
  color: #1A818D;
  text-align: center;
  font-family: "roche-sansmedium";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  text-transform: capitalize;
}
.home-contract-page .chart-section .donought-chart-section .start-end-date-section {
  padding: 1rem;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  margin-top: 1.5rem;
}
.home-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section {
  display: flex;
  justify-content: center;
}
.home-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p {
  color: #0B393E;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.home-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p::after {
  content: "";
  padding-left: 1rem;
  margin-right: 1rem;
  color: #E3E3E3;
  border-right: 1px solid #E3E3E3;
}
.home-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p:last-child::after {
  border-right: none;
  padding-left: 0;
  margin-right: 0;
}
.home-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p.no-data {
  color: #E3E3E3;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.home-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p.no-data::after {
  content: "";
  padding-left: 1rem;
  margin-right: 1rem;
  color: #E3E3E3;
  border-right: 1px solid #E3E3E3;
}
.home-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p.no-data:last-child::after {
  border-right: none;
}
.home-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p.no-data span {
  margin-left: 2rem;
}
.home-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section .error-text {
  color: #D63301;
}
.home-contract-page .chart-section .pie-chart-section {
  width: 62%;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Shades-and-Tints-acGray70, #E3E3E3);
  background: #ffffff;
  text-align: center;
  position: relative;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .tabs {
  border-bottom: 1px solid #E3E3E3;
  text-align: left;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .tabs li {
  margin: 0 1rem;
  width: auto;
  text-align: center;
  display: inline-flex;
  -webkit-box-pack: center;
  vertical-align: top;
  justify-content: flex-start;
  cursor: pointer;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .tabs li a {
  color: #0B393E;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 0;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .tabs li a.warning-text.active {
  color: #f35300;
  border-bottom: 2px solid #f35300;
  font-weight: bold;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .tabs li a.active {
  color: #1A818D;
  border-bottom: 2px solid #1A818D;
  font-weight: bold;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .tabs li a.error-text {
  color: #D63301;
  border-color: #D63301;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .chart-container {
  width: 55%;
  position: relative;
  margin: 0 auto;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .donut {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .donut p {
  color: #1A818D;
  font-size: 26px;
  font-weight: bold;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .donut p.no-data {
  color: #E3E3E3;
  font-size: 26px;
  font-weight: bold;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper {
  padding: 1.5rem;
  min-height: 250px;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper.warning-wrapper h3 {
  color: #f35300;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper.warning-wrapper .chart-container .donut p {
  color: #f35300;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper.error-outer-wrapper h3 {
  color: #D63301;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper.error-outer-wrapper .chart-container .donut p {
  color: #D63301;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper h3 {
  color: #1A818D;
  text-align: center;
  font-family: "roche-sansregular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0.5rem;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-evenly;
  margin: 0 auto;
  min-height: 270px;
  border-top: 1px solid #E3E3E3;
  flex-wrap: wrap;
  height: 100%;
  padding: 1rem 2rem;
  position: relative;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row {
  display: flex;
  margin-bottom: 1rem;
  text-align: left;
  width: 100%;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-label {
  text-align: left;
  margin-right: 1rem;
  width: 36%;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-label p {
  font-size: 14px;
  color: #0B393E;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-bar {
  width: 300px;
  margin-right: 1rem;
  width: 35%;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-bar progress {
  width: 100%;
  height: 20px;
  accent-color: #1A818D;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-bar progress.danger {
  accent-color: #D63301;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-bar progress.warning {
  accent-color: #f35300;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-bar progress[tooltip]::after {
  width: auto;
  max-width: 45em;
  background: #fff;
  border-radius: 8px;
  color: #0B393E;
  border: 1px solid #1a818d;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-bar progress[tooltip]:not([flow])::before {
  border-top-color: #1a818d;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-percentage {
  width: 20%;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .row .progress-percentage p {
  font-size: 14px;
  color: #0B393E;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .error-message {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .error-message .error-text {
  font-size: 14px;
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #D63301;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .error-message .error-text i {
  margin-right: 5px;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .warning-message {
  position: absolute;
  bottom: 0;
  left: 50%;
  bottom: 0%;
  transform: translate(-50%, -50%);
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .warning-message p {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #f35300;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .warning-message p i {
  margin-right: 5px;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .warning-message p img {
  margin-right: 5px;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-evenly;
  margin: 0 auto;
  min-height: 270px;
  border-top: 1px solid #E3E3E3;
  flex-wrap: wrap;
  height: 100%;
  padding: 1rem 3rem;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  text-align: left;
  width: 100%;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-label {
  text-align: left;
  margin-right: 1rem;
  width: 10%;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-label p {
  font-size: 14px;
  color: #E3E3E3;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-bar {
  margin-right: 1rem;
  width: 40%;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-bar progress {
  width: 100%;
  height: 20px;
  accent-color: #1A818D;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-bar progress.danger {
  accent-color: #D63301;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-bar progress.warning {
  accent-color: #f35300;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-percentage {
  width: 15%;
}
.home-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .disable-progress-wrapper .row .progress-percentage p {
  font-size: 14px;
  color: #E3E3E3;
}
.home-contract-page .modal-content-log .modal-body {
  padding: 0 1rem 1rem 1rem;
}
.home-contract-page .modal-content-log .modal-body .table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
  table-layout: fixed;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table thead tr {
  background-color: #fafafa;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
  display: block;
  width: 100%;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table thead tr th {
  padding: 20px;
  font-size: 14px;
  color: #1A818D;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table thead tr th:nth-child(1) {
  width: 100px;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table thead tr th:nth-child(2) {
  width: 140px;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table thead tr th:nth-child(3) {
  width: 330px;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table thead tr th:nth-child(4) {
  width: 330px;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table thead tr th:nth-child(5) {
  width: 300px;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table tbody {
  display: block;
  overflow: auto;
  height: 400px;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table tbody::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table tbody::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table tbody::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table tbody tr td {
  padding: 18px 15px;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table tbody tr td:nth-child(1) {
  width: 100px;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table tbody tr td:nth-child(2) {
  width: 140px;
}
.home-contract-page .modal-content-log .modal-body .table-section .content-table tbody tr td:nth-child(3) {
  width: 330px;
}

.contract-update-section {
  padding: 16px 32px;
}
.contract-update-section .tabbedPanels .tabs {
  border-bottom: 1px solid #E3E3E3;
}
.contract-update-section .tabbedPanels .tabs li {
  margin: 0 1rem;
  width: auto;
  text-align: center;
  display: inline-flex;
  -webkit-box-pack: center;
  vertical-align: top;
  justify-content: flex-start;
  cursor: pointer;
}
.contract-update-section .tabbedPanels .tabs li a {
  color: #0B393E;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 0;
}
.contract-update-section .tabbedPanels .tabs li a.active {
  color: #1A818D;
  border-bottom: 2px solid #1A818D;
  font-weight: bold;
}
.contract-update-section .tabbedPanels .tabs li.disabled-text {
  cursor: not-allowed;
  color: #5C5C5C;
}
.contract-update-section .tabbedPanels .tabs li.disabled-text a {
  color: #5C5C5C;
  pointer-events: none;
}
.contract-update-section .tabbedPanels .tabs.disabled-text {
  cursor: not-allowed;
  color: #5C5C5C;
}
.contract-update-section .tabbedPanels .tabs.disabled-text a {
  color: #5C5C5C;
  pointer-events: none;
}
.contract-update-section .tabbedPanels .panelContainer {
  margin-top: 1rem;
}
.contract-update-section .tabbedPanels .panelContainer .panel {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.contract-update-section .tabbedPanels .panelContainer .panel:last-child {
  border: none;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper {
  display: flex;
  background: #fafafa;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .fist-row {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: end;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .fist-row #left-button {
  border: none;
  background: transparent;
  padding: 5px;
  color: #1A818D;
  cursor: pointer;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header {
  padding: 1rem 0;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  width: 65%;
  overflow: hidden;
  white-space: nowrap;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count {
  width: 90px;
  min-width: 90px;
  margin-right: 1rem;
  text-align: center;
  position: relative;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span {
  margin-right: 2px;
  color: #1A818D;
  font-size: 14px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span.delivered {
  color: #2E7D32;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count .deliveries {
  color: #0B393E;
  margin-right: 12px;
  padding: 0 0 0 8px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count .deliveries a {
  font-size: 14px;
  color: #1A818D;
  text-decoration: none;
  display: flex;
  padding: 1px 0;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count .deliveries a img {
  width: 1rem;
  height: auto;
  margin-left: 4px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count .deliveries a .delivery-tooltip i.fa-solid {
  margin-left: 6px;
  font-size: 8px;
  border: 1px solid;
  border-radius: 50%;
  padding: 4px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count .deliveries .delivery-tooltiptext span {
  color: #FFF;
  font-size: 12px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span.cal-del-icons {
  margin: 0;
  display: flex;
  align-items: center;
  color: #1A818D;
  cursor: pointer;
  font-size: 14px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span.cal-del-icons .cal-icon {
  position: absolute;
  width: 16px;
  bottom: 3px;
  right: 18px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span.cal-del-icons .remove-delivery {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #1A818D;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-left: 2px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span.cal-del-icons a {
  font-size: 14px;
  color: #1A818D;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span.cal-del-icons a img {
  width: 16px;
  height: auto;
  margin-left: 4px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span.cal-del-icons.delivered {
  color: #2e7d32;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span.cal-del-icons.in-progress {
  color: #0B393E;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count p {
  font-size: 14px;
  color: #0B393E;
  display: flex;
  justify-content: center;
  position: relative;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count p .date-calendar {
  width: 100%;
  height: 20px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #1A818D;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section {
  display: flex;
  align-items: center;
  width: 15%;
  justify-content: space-between;
  padding: 1rem;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section a {
  font-size: 0.875rem;
  color: #1A818D;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0.0625rem 0;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section #right-button {
  border: none;
  background: transparent;
  padding: 5px;
  color: #1A818D;
  cursor: pointer;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section .delivery-edit-btn {
  font-weight: bold;
  color: #1A818D;
  display: flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid #1A818D;
  padding: 8px 12px;
  border-radius: 8px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section .delivery-edit-btn i {
  font-size: 16px;
  color: #1A818D;
  padding-left: 8px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section .add-new-btn {
  font-weight: bold;
  color: #1A818D;
  display: flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid #1A818D;
  padding: 8px 12px;
  border-radius: 8px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section .add-new-btn i {
  font-size: 14px;
  color: #1A818D;
  padding-left: 8px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #1A818D;
  padding: 1rem 0;
  color: white;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .fist-row {
  width: 20%;
  text-align: left;
  padding-left: 1rem;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .fist-row p {
  font-size: 1rem;
  font-weight: 700;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .delivery-outer-value-wrapper {
  display: flex;
  width: 65%;
  overflow: hidden;
  white-space: nowrap;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .delivery-outer-value-wrapper .delivery-values {
  width: 90px;
  min-width: 90px;
  text-align: center;
  margin-right: 1rem;
  color: #0B393E;
  font-size: 14px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .delivery-outer-value-wrapper .delivery-values p {
  font-size: 14px;
  color: #fff;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .last-row {
  width: 15%;
  text-align: center;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .last-row p {
  font-size: 14px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .last-row .min-max-section span {
  font-size: 12px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-header .last-row .min-max-section span:first-child::after {
  content: "|";
  padding-left: 6px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .fist-row {
  width: 20%;
  text-align: left;
  padding-left: 1rem;
  display: flex;
  align-items: center;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .fist-row .img-section {
  margin-right: 0.6rem;
  text-align: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
@media screen and (min-width: 1920px) {
  .contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .fist-row .img-section {
    width: initial;
  }
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .fist-row .img-section img {
  background: #BEECF1;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
@media screen and (min-width: 1920px) {
  .contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .fist-row .img-section img {
    float: left;
  }
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .fist-row .content-section label {
  color: #0B393E;
  font-size: 14px;
  font-family: "roche-sansmedium";
  font-weight: normal;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .fist-row .content-section h4 {
  font-weight: normal;
  color: #0B393E;
  font-size: 14px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .fist-row .content-section p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #0B393E;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper {
  display: flex;
  width: 65%;
  overflow: hidden;
  white-space: nowrap;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .delivery-values {
  width: 90px;
  min-width: 90px;
  text-align: center;
  margin-right: 1rem;
  font-size: 14px;
  color: #0B393E;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .delivery-values input {
  width: 100%;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  padding: 2px 0;
  border: 1px solid #1A818D;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .delivery-outer-value-wrapper .delivery-values p {
  font-size: 14px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .accordian-body .col-one .last-row {
  width: 15%;
  text-align: center;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section {
  border-top: 1px solid #E3E3E3;
  padding: 1rem;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one {
  display: flex;
  margin-bottom: 10px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .fist-row {
  width: 20%;
  text-align: left;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .fist-row p {
  font-size: 14px;
  color: #0B393E;
  text-transform: uppercase;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .delivery-outer-value-wrapper {
  display: flex;
  width: 65%;
  overflow: hidden;
  white-space: nowrap;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .delivery-outer-value-wrapper .delivery-values {
  width: 90px;
  min-width: 90px;
  text-align: center;
  margin-right: 1rem;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .delivery-outer-value-wrapper .delivery-values p {
  font-size: 14px;
  color: #0B393E;
}
.contract-update-section .tabbedPanels .panelContainer .panel .delivery-body .total-value-section .col-one .last-row {
  width: 15%;
  text-align: center;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  margin-bottom: 1rem;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .img-section {
  background: #beecf1;
  width: 200px;
  margin-right: 2rem;
  height: 150px;
  border-radius: 8px;
  overflow: hidden;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .img-section img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section {
  width: 30%;
  margin-right: 22px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section h4 {
  color: #0B393E;
  font-size: 1rem;
  font-weight: normal;
  font-family: "roche-sansmedium";
  line-height: 18px;
  margin-bottom: 20px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .file-name-section {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .file-name-section .file-name {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .file-name-section .file-name a {
  color: #1A818D;
  font-size: 14px;
  cursor: pointer;
  max-width: 25ch;
  margin-right: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .file-name-section .file-name a:last-child {
  margin-right: 0;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .file-name-section .file-name .copy-icon {
  cursor: pointer;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .file-name-section .file-name .copy-icon i {
  font-size: 16px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .file-name-section .file-name p {
  margin-right: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .file-name-section label {
  color: #1A818D;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .file-name-section p {
  color: #0B393E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .delivery-status-section {
  display: flex;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .delivery-status-section div label {
  color: #1A818D;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .delivery-status-section div p {
  color: #0B393E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 5px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .files-section .delivery-status-section div:first-child {
  margin-right: 3rem;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .description-section {
  width: 50%;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .description-section label {
  color: #1A818D;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .service-table-wrapper .description-section p {
  color: #0B393E;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.contract-update-section .tabbedPanels .panelContainer .panel .service-edit-tab .no-record-found {
  padding: 1rem;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
}
.contract-update-section .tabbedPanels .panelContainer .button-section {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contract-update-section .tabbedPanels .panelContainer .button-section .cta-section {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  position: relative;
}
.contract-update-section .tabbedPanels .panelContainer .button-section .update-pricing-btn {
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  border-radius: 8px;
  padding: 0.6rem 2rem;
  font-size: 1rem;
  line-height: 1.2rem;
  width: auto;
  font-weight: 600;
  cursor: pointer;
  margin-right: 2rem;
}
.contract-update-section .tabbedPanels .panelContainer .button-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  margin-right: 2rem;
  width: auto;
}
.contract-update-section .tabbedPanels .panelContainer .button-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.contract-update-section .tabbedPanels .panelContainer .button-section .cancel-btn.shift-left {
  position: absolute;
  left: 0;
  margin-right: 0;
}
.contract-update-section .tabbedPanels .panelContainer .button-section .save-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
  margin-right: 0;
}
.contract-update-section .tabbedPanels .panelContainer .button-section .save-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}

.my-account-wrapper {
  padding: 32px;
}
.my-account-wrapper .my-account-section {
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}
.my-account-wrapper .my-account-section .my-account {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.my-account-wrapper .my-account-section .my-account h4 {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: bold;
  color: #5C5C5C;
}
.my-account-wrapper .my-account-section .my-account h4 i {
  font-size: 18px;
  color: #1A818D;
  margin-right: 12px;
}
.my-account-wrapper .my-account-section .my-account label {
  color: #5C5C5C;
  margin-top: 12px;
}
.my-account-wrapper .my-account-section .btn-section button {
  border-radius: 8px;
  padding: 0.6rem 2rem;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 140px;
  font-weight: 600;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 208px;
  padding: 11px 21px;
}
.my-account-wrapper .my-account-section .btn-section button:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.my-account-wrapper .notification-wrapper {
  margin-top: 20px;
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  display: flex;
}
.my-account-wrapper .notification-wrapper .notification-header {
  display: flex;
  justify-content: space-between;
  padding: 24px 20px;
  border-bottom: 1px solid #E3E3E3;
}
.my-account-wrapper .notification-wrapper .notification-list-section {
  width: 40%;
  border-right: 1px solid #E3E3E3;
}
.my-account-wrapper .notification-wrapper .notification-list-section .my-account-text {
  display: flex;
  align-items: center;
}
.my-account-wrapper .notification-wrapper .notification-list-section .my-account-text i {
  font-size: 18px;
  color: #1A818D;
  margin-right: 12px;
}
.my-account-wrapper .notification-wrapper .notification-list-section .my-account-text p {
  color: #5C5C5C;
  font-weight: bold;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list {
  margin-bottom: 2rem;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li {
  list-style: none;
  border-bottom: 1px solid #E3E3E3;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li.unread div p {
  color: #1A818D;
  font-size: 14px;
  font-weight: 700;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li.unread div span {
  font-size: 14px;
  color: #1A818D;
  font-weight: 700;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li.reminder div p {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li.reminder div span {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li.active div {
  background: #1A818D;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li.active p {
  color: #ffffff;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li.active span {
  color: #ffffff;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div:hover {
  background: #1A818D;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div:hover p {
  color: #ffffff;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div:hover span {
  color: #ffffff;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div.active {
  background: #1A818D;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div.active p {
  color: #ffffff;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div.active span {
  color: #ffffff;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div p {
  color: #1A818D;
  font-size: 14px;
}
.my-account-wrapper .notification-wrapper .notification-list-section ul.notification-list li div span {
  font-size: 14px;
  color: #1A818D;
}
.my-account-wrapper .notification-wrapper .notification-list-section nav {
  display: flex;
  justify-content: center;
}
.my-account-wrapper .notification-wrapper .notification-list-section nav ul.pagination {
  display: flex;
}
.my-account-wrapper .notification-wrapper .notification-list-section nav ul.pagination li.page-item {
  padding: 0 10px;
  list-style: none;
}
.my-account-wrapper .notification-wrapper .notification-list-section nav ul.pagination li.page-item a {
  text-decoration: none;
  font-size: 14px;
}
.my-account-wrapper .notification-wrapper .notification-list-section nav ul.pagination .active {
  background: #1A818D;
  border-radius: 4px;
}
.my-account-wrapper .notification-wrapper .notification-list-section nav ul.pagination .active a {
  color: #ffffff;
}
.my-account-wrapper .notification-wrapper .notification-expended-section {
  width: 60%;
  padding: 24px 32px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section p {
  color: #0B393E;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-subject {
  display: flex;
  align-items: center;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-subject h4 {
  color: #0B393E;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-subject img {
  margin-right: 12px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-time {
  display: flex;
  align-items: center;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-time span {
  color: #5C5C5C;
  font-size: 14px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-time span:first-child {
  border-right: 1px solid #E3E3E3;
  padding-right: 10px;
  margin-right: 10px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-head .mail-time button {
  border: transparent;
  cursor: pointer;
  background: transparent;
  margin-left: 20px;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-body {
  margin-top: 3rem;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-body pre {
  font-family: "roche-sansregular";
  white-space: pre-line;
  font-size: 14px;
  padding: 0;
  margin: 0;
  color: #0B393E;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-body pre p {
  font-family: "roche-sansregular";
  white-space: pre-line;
  font-size: 14px;
  padding: 0;
  margin: 0;
  color: #0B393E;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-body .more-details-section {
  text-align: center;
  padding: 2rem 0;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-body .more-details-section button {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-body .more-details-section button:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .mail-body .more-details-section button:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .more-details-section {
  text-align: center;
  padding: 2rem 0;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .more-details-section button {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .more-details-section button:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.my-account-wrapper .notification-wrapper .notification-expended-section .more-details-section button:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}

.order-contract-page {
  margin: 16px 32px;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.order-contract-page .heading-toggle-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.order-contract-page .heading-toggle-section h3 {
  color: #1A818D;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.order-contract-page .contract-section {
  display: flex;
  justify-content: right;
  align-items: center;
  margin-bottom: 2rem;
  padding-right: 1.5rem;
}
.order-contract-page label {
  margin-right: 12px;
  font-size: 14px;
  color: #5C5C5C;
}
.order-contract-page .multi-button {
  display: flex;
  align-items: center;
}
.order-contract-page .multi-button .btn-group {
  background: transparent;
  padding: 7px 12px;
  border: none;
  margin-right: 12px;
  font-size: 14px;
  color: #5C5C5C;
  cursor: pointer;
}
.order-contract-page .multi-button .btn-group.active {
  border-radius: 4px;
  border: 2px solid #1A818D;
  background: var(--primary-colors-primary-ac-white, #ffffff);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.order-contract-page .multi-button .prev-contracts-link-btn {
  color: #1A818D;
}
.order-contract-page .chart-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.order-contract-page .chart-section .donought-chart-section {
  width: 40%;
}
.order-contract-page .chart-section .donought-chart-section .donough-section {
  border: 1px solid var(--Neutral-Shades-and-Tints-acGray70, #E3E3E3);
  background: var(--PrimaryColors-Primary_acWhite, #ffffff);
  text-align: center;
  padding: 1rem;
}
.order-contract-page .chart-section .donought-chart-section .donough-section h3 {
  color: #1A818D;
  text-align: center;
  font-family: "roche-sansregular";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 12px;
}
.order-contract-page .chart-section .donought-chart-section .donough-section label {
  color: #0B393E;
  text-align: center;
  font-family: "roche-sansregular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.order-contract-page .chart-section .donought-chart-section .donough-section .donought-inner-section {
  min-height: 480px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.order-contract-page .chart-section .donought-chart-section .donough-section .donought-inner-section a {
  color: #1A818D;
  text-align: center;
  font-family: "roche-sansregular";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
  text-transform: capitalize;
}
.order-contract-page .chart-section .donought-chart-section .start-end-date-section {
  padding: 1rem;
  border: 1px solid #E3E3E3;
  margin-top: 1.5rem;
}
.order-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section {
  display: flex;
  justify-content: center;
}
.order-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p {
  color: #0B393E;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.order-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p::after {
  content: "";
  padding-left: 1rem;
  margin-right: 1rem;
  color: #E3E3E3;
  border-right: 1px solid #E3E3E3;
}
.order-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section p:last-child::after {
  border-right: none;
}
.order-contract-page .chart-section .donought-chart-section .start-end-date-section .start-end-inner-section .error-text {
  color: #D63301;
}
.order-contract-page .chart-section .pie-chart-section {
  width: 58%;
  border: 1px solid var(--Neutral-Shades-and-Tints-acGray70, #E3E3E3);
  background: var(--PrimaryColors-Primary_acWhite, #ffffff);
  text-align: center;
  position: relative;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .tabs {
  border-bottom: 1px solid #E3E3E3;
  text-align: left;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .tabs li {
  margin: 0 1rem;
  width: auto;
  text-align: center;
  display: inline-flex;
  -webkit-box-pack: center;
  vertical-align: top;
  justify-content: flex-start;
  cursor: pointer;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .tabs li a {
  color: #5C5C5C;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 0;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .tabs li a.active {
  color: #1A818D;
  border-bottom: 2px solid #1A818D;
  font-weight: bold;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .tabs li a.error-text {
  color: #D63301;
  border-color: #D63301;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper {
  padding: 2rem;
  min-height: 250px;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .pie-chart-wrapper h3 {
  color: #0B393E;
  text-align: center;
  font-family: roche-sansregular;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper {
  display: flex;
  padding: 0px 3rem;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  min-height: 250px;
  border-top: 1px solid #E3E3E3;
  position: relative;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .progress-label {
  text-align: left;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .progress-label p {
  margin-bottom: 1rem;
  font-size: 14px;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .progress-label p:last-child {
  margin-bottom: 0;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .progress-bar {
  width: 360px;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .progress-bar progress {
  width: 100%;
  accent-color: #1A818D;
  margin-bottom: 1rem;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .progress-bar progress:last-child {
  margin-bottom: 0;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .progress-bar progress.danger {
  accent-color: #D63301;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .progress-bar progress.warning {
  accent-color: #f35300;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .progress-percentage p {
  margin-bottom: 1rem;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .progress-percentage p:last-child {
  margin-bottom: 0;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .warning-message {
  position: absolute;
  bottom: 0;
  left: 50%;
  top: 90%;
  transform: translate(-50%, 80%);
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .warning-message p {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.order-contract-page .chart-section .pie-chart-section .tabbedPanels .panelContainer .panel .progress-wrapper .warning-message p img {
  margin-right: 5px;
}
.order-contract-page .modal-content-log .modal-body {
  padding: 0 1rem 1rem 1rem;
}
.order-contract-page .modal-content-log .modal-body .table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
  table-layout: fixed;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table thead tr {
  background-color: #fafafa;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
  display: block;
  width: 100%;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table thead tr th {
  padding: 20px;
  font-size: 14px;
  color: #1A818D;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table thead tr th:nth-child(1) {
  width: 100px;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table thead tr th:nth-child(2) {
  width: 140px;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table thead tr th:nth-child(3) {
  width: 330px;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table thead tr th:nth-child(4) {
  width: 330px;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table thead tr th:nth-child(5) {
  width: 300px;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table tbody {
  display: block;
  overflow: auto;
  height: 400px;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table tbody::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table tbody::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table tbody::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table tbody tr td {
  padding: 18px 15px;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table tbody tr td:nth-child(1) {
  width: 100px;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table tbody tr td:nth-child(2) {
  width: 140px;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table tbody tr td:nth-child(3) {
  width: 330px;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table tbody tr td:nth-child(4) {
  width: 330px;
}
.order-contract-page .modal-content-log .modal-body .table-section .content-table tbody tr td:nth-child(5) {
  width: 300px;
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  z-index: 10;
}

/* Changes by the ganesh */
.modal-content-log {
  width: 95%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 0.5rem;
  /* .text-content {
  	padding: 0 1rem 1rem 1rem;
  	.table-section {
  		border: 1px solid $grey-light;
  		border-radius: 8px;
  		.content-table {
  			min-width: 100%;
  			border-radius: 5px 5px 0 0;
  			overflow: hidden;
  			border-collapse: collapse;
  			table-layout: fixed;
  			thead {
  				tr {
  					background-color: #fafafa;
  					color: $grey-night;
  					text-align: left;
  					font-weight: bold;
  					border-bottom: 1px solid $grey-light;
  					display: block;
  					width: 100%;
  					th {
  						padding: 20px;
  						font-size: $font-size14;
  						color: $secondry-blue-shade;
  						 &:nth-child(1) {
  						 	width: 100px;
  						 }
  						 &:nth-child(2) {
  						 	width: 140px;
  						 }
  						 &:nth-child(3) {
  						 	width: 330px;
  						 }
  						 &:nth-child(4) {
  						 	width: 330px;
  						 }
  						 &:nth-child(5) {
  						 	width: 300px;
  						 }
  					}
  				}
  			}
  			tbody {
  				display: block;
  				overflow: auto;
  				height: 400px;
  				&::-webkit-scrollbar-track {
  					border-radius: 8px;
  					-webkit-box-shadow: inset 0 0 6px $secondry-blue-shade;
  					background-color: $white;
  				}
  				&::-webkit-scrollbar {
  					width: 12px;
  					background-color: #f5f5f5;
  				}
  				&::-webkit-scrollbar-thumb {
  					border-radius: 8px;
  					-webkit-box-shadow: inset 0 0 6px $secondry-blue-shade;
  					background-color: $secondry-blue-shade;
  				}
  				tr {
  					border-bottom: 1px solid $grey-light;
  					font-size: $font-size14;
  					border-collapse: collapse;
  					td {
  						padding: 18px 15px;
  						&:nth-child(1) {
  							width: 100px;
  						}
  						&:nth-child(2) {
  							width: 140px;
  						}
  						&:nth-child(3) {
  							width: 330px;
  						}
  						&:nth-child(4) {
  							width: 330px;
  						}
  						&:nth-child(5) {
  							width: 300px;
  						}
  					}
  				}
  			}
  		}
  	}
  } */
}
.modal-content-log .list-past-contracts {
  padding: 0 1rem 1rem 1rem;
}
.modal-content-log .modal-header {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-content-log .modal-header h5 {
  font-size: 20px;
  font-weight: 700;
  color: #1A818D;
}
.modal-content-log .modal-header span img {
  cursor: pointer;
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: 290px;
  border-radius: 0.5rem;
  text-align: center;
}
@media screen and (min-width: 1920px) {
  .modal-content {
    width: 410px;
  }
}
.modal-content .text-content {
  padding: 1rem;
}
.modal-content .text-content h5 {
  color: #0B393E;
  font-size: 14px;
  font-weight: normal;
}
@media screen and (min-width: 1920px) {
  .modal-content .text-content h5 {
    font-size: 20px;
  }
}
.modal-content .btn-section {
  border-top: 1px solid #E3E3E3;
  display: flex;
  justify-content: space-between;
}
.modal-content .btn-section .no-btn {
  width: 50%;
  border-right: 1px solid #e5e5e5;
}
.modal-content .btn-section .no-btn button {
  padding: 0.6rem;
  display: block;
  width: 100%;
  cursor: pointer;
  background: transparent;
  border: none;
  color: #1A818D;
  font-weight: bold;
}
.modal-content .btn-section .yes-btn {
  width: 50%;
}
.modal-content .btn-section .yes-btn button {
  padding: 0.6rem;
  display: block;
  width: 100%;
  cursor: pointer;
  background: transparent;
  border: none;
  color: #0B393E;
  font-weight: bold;
}

.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  z-index: 999;
}

.contact-terms .modal-content-log {
  width: 65%;
}

/* This css is for donut for customer portal donut chart */
.customer-dashboard .donought-chart-section .halfdoughnut {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  text-align: center;
}
.customer-dashboard .donought-chart-section .halfdoughnut #myChart {
  display: block !important;
  width: 520px !important;
  height: 260px !important;
  margin: 0px auto !important;
}
.customer-dashboard .donought-chart-section .donut-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.customer-dashboard .donought-chart-section .donut-inner p {
  align-content: center;
  font-size: 20px;
  color: #0B393E;
}
.customer-dashboard .donought-chart-section .donut-inner p:nth-child(2) {
  color: #1A818D;
  font-size: 35px;
  font-weight: 400;
  font-family: roche-sansmedium, sans-serif;
}
.customer-dashboard .donought-chart-section .donough-section .donought-inner-section {
  min-height: 424px !important;
}

/* This css is for donut for customer portal donut chart */
/* My Order page CSS start here as on 8 Feb 2024 Given by Rohit Ends */
/* CSS added for Sirisha module as on 12 Feb ITR-93, Customer User Management */
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account {
  margin: 0 auto;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group {
  position: relative;
  display: block;
  padding-top: 15px;
  text-align: left;
  margin: 20px auto 20px;
  width: 350px;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 100%;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group .form__field:focus {
  border: 2px solid #1A818D;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group .form__field:focus ~ label {
  color: #1A818D;
  transition: 0.5s ease all;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group .form__field:focus ~ .addon-button {
  border: 2px solid #1A818D;
  transition: 0.5s ease all;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group .form__field::-moz-placeholder {
  color: transparent;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group .form__field::placeholder {
  color: transparent;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group label {
  position: absolute;
  top: 8px;
  display: block;
  width: auto;
  font-size: 12px;
  line-height: 15px;
  left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0B393E;
  background: #ffffff;
  padding: 0 5px;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group label:nth-child(0) {
  top: 30%;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group .addon-button {
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #b5b5b5;
  height: 40px;
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group .addon-button button {
  padding: 0.29rem 0.6rem;
  cursor: pointer;
  overflow: hidden;
  background: #F6F6F6;
  border: none;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group .addon-button .blue-border {
  border: 2px solid #1A818D;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group .validation-msg {
  position: absolute;
  margin-top: 0px;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group .validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .form__group .validation-msg p img {
  padding-right: 5px;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .btn-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 350px;
  margin: 2.4rem auto;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .btn-group .cancel-account {
  border-radius: 8px;
  padding: 0.6rem 2rem;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 140px;
  font-weight: 600;
  cursor: pointer;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .btn-group .cancel-account:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .btn-group .submit-button {
  border-radius: 8px;
  padding: 0.6rem 2rem;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 140px;
  font-weight: 600;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  padding: 0.6rem 1.2rem;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .btn-group .submit-button:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-overview-wrapper .cards-view .card .card-body .label__group .input-section.create-account .btn-group .is-disabled {
  background: #F6F6F6 !important;
  cursor: not-allowed !important;
}
.customer-overview-wrapper .cards-view .card .card-body .card-footer {
  background: #f4fcfd;
  padding: 10px 20px;
}
.customer-overview-wrapper .cards-view .card .card-body .card-footer label {
  color: #0B393E;
  font-size: 14px;
}
.customer-overview-wrapper .cards-view .card .card-body .card-footer label a {
  color: #1A818D;
}
.customer-overview-wrapper .table-outer-section .link-text {
  font-size: 14px;
  color: #0B393E;
}
.customer-overview-wrapper .table-outer-section .customer-table-section {
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  margin-top: 1rem;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table thead tr {
  background-color: #ffffff;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #e3e3e3;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr {
  border-bottom: 1px solid #e3e3e3;
  font-size: 14px;
  border-collapse: collapse;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr:last-child {
  border-bottom: none;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr td img {
  margin-right: 8px;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr td a {
  color: #1A818D;
  cursor: pointer;
  text-decoration: none;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr td.active i {
  color: #2E7D32;
  margin-right: 6px;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr td.closed {
  color: #b5b5b5;
  font-size: 14px;
}
.customer-overview-wrapper .table-outer-section .customer-table-section .table-section .content-table tbody tr td.closed i {
  color: #b5b5b5;
  margin-right: 6px;
}
.customer-overview-wrapper .log-graph-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.customer-overview-wrapper .log-graph-section .log-section {
  border: 1px solid #E3E3E3;
  padding: 20px 30px;
  border-radius: 8px;
  flex: 38%;
  margin-right: 3rem;
  min-height: 304px;
}
.customer-overview-wrapper .log-graph-section .log-section .change_log_text {
  display: flex;
  align-items: center;
  color: #1A818D;
}
.customer-overview-wrapper .log-graph-section .log-section .change_log_text img {
  padding-left: 8px;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section {
  text-align: center;
  margin-top: 3rem;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section h3 {
  font-size: 28px;
  color: #1A818D;
  margin-bottom: 1rem;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section p {
  margin-bottom: 20px;
  color: #1A818D;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section h2 {
  color: #0B393E;
  font-size: 20px;
  font-family: roche-sansmedium;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section .date-section {
  margin-top: 3rem;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section .date-section label {
  font-size: 14px;
  color: #1A818D;
}
.customer-overview-wrapper .log-graph-section .log-section .inner-text-section .date-section label:first-child {
  padding-right: 1rem;
  margin-right: 1rem;
  border-right: 1px solid #E3E3E3;
}
.customer-overview-wrapper .log-graph-section .graph-section {
  border: 1px solid #E3E3E3;
  padding: 20px 28px;
  border-radius: 8px;
  flex: 55%;
}
.customer-overview-wrapper .contract-tab-section {
  margin-top: 3rem;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs {
  border-bottom: 1px solid #E3E3E3;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs li {
  margin: 0 1rem;
  width: auto;
  text-align: center;
  display: inline-flex;
  -webkit-box-pack: center;
  vertical-align: top;
  justify-content: flex-start;
  cursor: pointer;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs li a {
  color: #0B393E;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 0;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs li a.active {
  color: #1A818D;
  border-bottom: 2px solid #1A818D;
  font-weight: bold;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs li.disabled-text {
  cursor: not-allowed;
  color: #5C5C5C;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs li.disabled-text a {
  color: #5C5C5C;
  pointer-events: none;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs.disabled-text {
  cursor: not-allowed;
  color: #5C5C5C;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .tabs.disabled-text a {
  color: #5C5C5C;
  pointer-events: none;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer {
  margin-top: 1rem;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper {
  display: flex;
  background: var(--neutral-shades-and-tints-ac-gray-light, #fafafa);
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section a {
  font-size: 14px;
  color: #1A818D;
  text-decoration: none;
  display: flex;
  font-weight: 600;
  border: 1px solid #1A818D;
  padding: 8px 12px;
  border-radius: 8px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section a i.fa-regular {
  font-size: 16px;
  margin-left: 8px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .add-new-btn-section a:hover {
  color: #0B393E;
  border-color: #0B393E;
  transition: 0.3s all ease-in-out;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .fist-row {
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: end;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .fist-row #left-button {
  border: none;
  background: transparent;
  padding: 5px 20px 5px 5px;
  color: #1A818D;
  cursor: pointer;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header {
  padding: 1rem 0;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count {
  width: 90px;
  min-width: 90px;
  margin-right: 1rem;
  text-align: center;
  position: relative;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count div {
  display: flex;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count div i.fa-solid {
  margin-left: 6px;
  font-size: 8px;
  border: 1px solid;
  border-radius: 50%;
  padding: 4px 6px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count div.deliveries {
  color: #0B393E;
  margin-right: 12px;
  padding: 0 0 0 8px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count div.deliveries a {
  font-size: 14px;
  color: #1A818D;
  text-decoration: none;
  display: flex;
  padding: 1px 0;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count div.deliveries a img {
  width: 1rem;
  height: auto;
  margin-left: 4px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span {
  color: #1A818D;
  margin-right: 2px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span a {
  font-size: 14px;
  color: #1A818D;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count span a img {
  width: 1rem;
  height: auto;
  margin-left: 4px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count p {
  font-size: 14px;
  color: #0B393E;
  display: flex;
  justify-content: center;
  position: relative;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count p .update-date {
  width: 82% !important;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count p .date-calendar {
  width: 100%;
  height: 20px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #1A818D;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count p span.cal-del-icons {
  margin: 0;
  display: flex;
  align-items: center;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count p span.cal-del-icons .cal-icon {
  right: 18px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count p span.cal-del-icons a.remove-delivery {
  margin: 0;
  padding: 0;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count p span.cal-del-icons a.remove-delivery i.fa-regular {
  padding-left: 2px;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count.col-disabled span {
  color: #5C5C5C;
}
.customer-overview-wrapper .contract-tab-section .tabbedPanels .panelContainer .panel .delivery-inner-wrapper .delivery-header .delivery-count.col-disabled p {
  color: #5C5C5C;
}

@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}
.is-hide {
  display: none;
}

.circle-loader {
  margin-bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left-color: #5cb85c;
  animation: loader-spin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

.load-complete {
  animation: none;
  border-color: #5cb85c;
  transition: border 500ms ease-out;
}

.checkmark {
  display: none;
}

.checkmark.draw:after {
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}

.checkmark:after {
  opacity: 1;
  height: 0.8em;
  width: 0.45em;
  transform-origin: left top;
  border-right: 2px solid #5cb85c;
  border-top: 2px solid #5cb85c;
  content: "";
  left: 0.35em;
  top: 0.8em;
  position: absolute;
}

@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0.8em;
    width: 0.45em;
    opacity: 1;
  }
  40% {
    height: 0.8em;
    width: 0.45em;
    opacity: 1;
  }
  100% {
    height: 0.8em;
    width: 0.45em;
    opacity: 1;
  }
}
/* CSS added for Sirisha module as on 12 Feb ITR-93, Customer User Management */
/* CSS is related to previous and next months date not shown in current month */
span.prevMonthDay,
span.prevMonthDay:hover {
  cursor: not-allowed;
  color: transparent;
  background: transparent;
  border-color: transparent;
  visibility: hidden;
}

span.nextMonthDay,
span.nextMonthDay:hover {
  cursor: not-allowed;
  color: transparent;
  background: transparent;
  border-color: transparent;
  visibility: hidden;
}

/* CSS is related to previous and next months date not shown in current month */
/* ROCHE User management SASS added as on 15 Feb 20124 Given By Rohit */
.roche-user-management {
  padding: 28px 32px;
}
.roche-user-management .inner-wrapper .tabbedPanels .tabs {
  border-bottom: 1px solid #E3E3E3;
}
.roche-user-management .inner-wrapper .tabbedPanels .tabs li {
  margin: 0 1rem;
  width: auto;
  text-align: center;
  display: inline-flex;
  -webkit-box-pack: center;
  vertical-align: top;
  justify-content: flex-start;
  cursor: pointer;
}
.roche-user-management .inner-wrapper .tabbedPanels .tabs li:first-child {
  margin-left: 0;
}
.roche-user-management .inner-wrapper .tabbedPanels .tabs li a {
  color: #0B393E;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0px 0 8px;
}
.roche-user-management .inner-wrapper .tabbedPanels .tabs li a.active {
  color: #1A818D;
  border-bottom: 2px solid #1A818D;
  font-weight: bold;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer {
  padding: 28px 0;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box {
  width: 220px;
  position: relative;
  display: flex;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-input {
  width: 100%;
  height: 32px;
  padding: 5px;
  border: 2px solid #b5b5b5;
  border-radius: 4px 0 0 4px;
  border-right: none;
  outline: none;
  font-size: 14px;
  color: #0B393E;
  background: none;
  font-family: roche-sansregular;
  display: flex;
  justify-content: center;
  align-items: center;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-input::-moz-placeholder {
  color: #8F8F8F;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-input::placeholder {
  color: #8F8F8F;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-button {
  padding: 5px 10px;
  background: transparent;
  border: 2px solid #b5b5b5;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f002";
  display: inline-block;
  font-weight: 600;
  color: #1A818D;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .cross-button {
  padding: 5px 10px;
  background: transparent;
  border: 2px solid #1A818D;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .cross-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f057";
  display: inline-block;
  font-weight: 500;
  color: #1A818D;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section {
  display: flex;
  align-items: center;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .checkbox_item {
  margin-right: 1rem;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .checkbox_item label.checkbox_wrap {
  display: flex;
  align-items: center;
  color: #0B393E;
  font-size: 14px;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .create-ref-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
  text-decoration: none;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .create-ref-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .create-ref-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section {
  width: 100%;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  margin-top: 1rem;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table thead tr {
  background-color: #FAFAFA;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td a {
  color: #1A818D;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td .tick_icon {
  margin: 0;
  padding: 0;
  margin-right: 4px;
  font-size: 16px;
  color: #2E7D32;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td .disable_icon {
  margin: 0;
  padding: 0;
  margin-right: 4px;
  font-size: 15px;
  color: #D63301;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td button {
  border: none;
  background: transparent;
  display: inline-block;
  margin-right: 1rem;
  cursor: pointer;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td button a.edit-node {
  font-size: 16px;
  color: #1A818D;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td button a.delete-user {
  font-size: 16px;
  color: #D63301;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td:nth-child(1) {
  width: 120px;
}
@media screen and (min-width: 1920px) {
  .roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td:nth-child(1) {
    width: 90px;
  }
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td:nth-child(2) {
  width: 140px;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td:nth-child(3) {
  width: 200px;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td:nth-child(4) {
  width: 170px;
}
@media screen and (min-width: 1920px) {
  .roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td:nth-child(4) {
    width: 100px;
  }
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td:nth-child(5) {
  width: 130px;
}
@media screen and (min-width: 1920px) {
  .roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td:nth-child(5) {
    width: 100px;
  }
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td:nth-child(6) {
  width: 130px;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td:nth-child(7) {
  width: 130px;
}
@media screen and (min-width: 1920px) {
  .roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .table-section .content-table tbody tr td:nth-child(7) {
    width: 90px;
  }
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card {
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  width: 48%;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-header {
  border-radius: 8px 8px 0px 0px;
  background: #1A818D;
  display: flex;
  justify-content: space-between;
  padding: 15px 26px;
  color: #ffffff;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-header h5 {
  font-size: 18px;
  font-weight: 600;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-header .input-control {
  width: 250px;
  padding: 7px 10px;
  border: none;
  border-radius: 4px;
  color: #0B393E;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-header .exist-msg {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 10px;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-header .duplicate-btn-outer {
  display: flex;
  align-items: center;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-header .duplicate-btn-outer .duplicate-save i {
  font-size: 20px;
  color: #fff;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-header .duplicate-btn-outer .duplicate-cancel {
  margin-left: 20px;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-header .duplicate-btn-outer .duplicate-cancel i {
  font-size: 20px;
  color: #fff;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-header .btn-flex {
  display: flex;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-header .btn-flex a i.fa-regular {
  color: #fff;
  font-size: 18px;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-header .btn-flex .save-btn {
  padding: 0 10px;
  color: #1A818D;
  background: #ffffff;
  border: none;
  cursor: pointer;
  border-radius: 8px;
  font-weight: 700;
  margin-right: 1.5rem;
  transition: 0.3s ease-in all;
  height: 24px;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-header .btn-flex .cancel-btn {
  padding: 0 10px;
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 700;
  transition: 0.3s ease-in all;
  height: 24px;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-body {
  padding: 28px 26px 0px 26px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-body .card-category {
  width: 47%;
  margin-bottom: 1rem;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-body .card-category h4 {
  color: #1A818D;
  font-size: 1rem;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 18px;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-body .card-category .roles-badge {
  display: flex;
  padding: 4px 10px;
  justify-content: space-between;
  align-items: center;
  flex: none;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 20px;
  margin-bottom: 18px;
  background: #ffffff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-body .card-category .roles-badge input[type=checkbox] {
  position: relative;
  border: 2px solid #1A818D;
  border-radius: 50%;
  background: none;
  cursor: pointer;
  line-height: 0;
  margin: 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  opacity: 0.5;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-body .card-category .roles-badge input[type=checkbox].no-permission {
  cursor: not-allowed;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-body .card-category .roles-badge input[type=checkbox].no-permission:hover {
  opacity: 0.5;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-body .card-category .roles-badge input[type=checkbox]:hover {
  opacity: 1;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-body .card-category .roles-badge input[type=checkbox]:checked {
  background-color: #1A818D;
  opacity: 1;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-body .card-category .roles-badge input[type=checkbox]::before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
.roche-user-management .inner-wrapper .tabbedPanels .panelContainer .panel .card-outer-wrapper .card .card-body .card-category .roles-badge label {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
}

/* Error msg for Roche User Management */
.assign-roles-user-form .create-new-group .left-inner-wrapper .form_group_ref .validation-msg {
  position: relative;
  margin-top: 3px;
  padding-top: 4px;
}
.assign-roles-user-form .create-new-group .left-inner-wrapper .form_group_ref .validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: flex-start;
  color: #D63301;
  margin-top: 4px;
}
.assign-roles-user-form .create-new-group .left-inner-wrapper .form_group_ref .validation-msg p img {
  padding-right: 5px;
}
.assign-roles-user-form .create-new-group .left-inner-wrapper .form_group_ref .uname-validation-msg {
  position: absolute;
  margin-top: 3px;
  padding-top: 0px;
}
.assign-roles-user-form .create-new-group .left-inner-wrapper .form_group_ref .uname-validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.assign-roles-user-form .create-new-group .left-inner-wrapper .form_group_ref .uname-validation-msg p img {
  padding-right: 5px;
}

/* Error msg for Roche User Management */
.more {
  float: right;
  font-size: 14px;
}

/* Global Classes for disabling search bar and button, normal button and input field */
/* Global class for normal button */
.button-disabled {
  background: rgba(26, 129, 141, 0.3) !important;
  cursor: not-allowed !important;
  border: 2px solid #bad9dd !important;
  color: #fff !important;
}

.button-disabled-bordered {
  background: rgba(255, 255, 255, 0.3) !important;
  cursor: not-allowed !important;
  border: 2px solid rgba(26, 129, 141, 0.3) !important;
  pointer-events: none;
  color: rgba(26, 129, 141, 0.3) !important;
}

.button-disabled-bordered a {
  color: rgba(26, 129, 141, 0.3) !important;
  cursor: not-allowed !important;
}

.is-disabled {
  background: #F6F6F6 !important;
  pointer-events: none;
}

.ajax-progress-throbber {
  display: none;
}

/* Remove auto fill background color from input field */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  -webkit-text-fill-color: #0B393E !important;
}

.cursorDisplay {
  pointer-events: none;
}

.addon-button-border {
  border: 2px solid #1A818D !important;
}

/* Global class for normal button */
/* Global classes for search bar and those button */
/* input field disabling */
.disabled {
  pointer-events: none;
  background: #F6F6F6 !important;
  cursor: not-allowed;
  color: #D2D2D2 !important;
}

/* input field disabling */
.disabled-btn {
  background: url(/themes/custom/rocfr/images/CrossIcon.svg) #F6F6F6 no-repeat !important;
  background-position: center !important;
  padding-left: 15px !important;
  pointer-events: none;
  cursor: not-allowed;
  color: #D2D2D2 !important;
}

.border-on-focus {
  border: 2px solid #1A818D !important;
  border-right: unset !important;
}

/* Global classes for search bar and those button */
/* ROCHE User management SASS added as on 15 Feb 20124 Given By Rohit */
/* CSS for Customer Media Management */
.customer-media-management {
  padding: 20px 32px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .more-than-three [tooltip]::after {
  max-width: 70em;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .more-than-three p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.customer-media-management .inner-wrapper .tabbedPanels .tabs {
  border-bottom: 1px solid #E3E3E3;
}
.customer-media-management .inner-wrapper .tabbedPanels .tabs li {
  margin: 0 1rem;
  width: auto;
  text-align: center;
  display: inline-flex;
  -webkit-box-pack: center;
  vertical-align: top;
  justify-content: flex-start;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .tabs li:first-child {
  margin-left: 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .tabs li a {
  color: #0B393E;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .tabs li a.active {
  color: #1A818D;
  border-bottom: 2px solid #1A818D;
  font-weight: bold;
}
.customer-media-management .inner-wrapper .tabbedPanels .tabs li a span {
  text-transform: capitalize;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 0px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section label {
  color: #0B393E;
  font-size: 14px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section button.create-new-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section button.create-new-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section button.create-new-btn a {
  padding: 10px 24px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .add-new-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
  padding: 10px 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .add-new-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .add-new-btn a {
  color: #ffffff;
  text-decoration: none;
  padding: 10px 24px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box {
  width: 220px;
  position: relative;
  display: flex;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-input {
  width: 100%;
  height: 32px;
  padding: 5px;
  border: 2px solid #b5b5b5;
  border-radius: 4px 0 0 4px;
  border-right: none;
  outline: none;
  font-size: 14px;
  color: #0B393E;
  background: none;
  font-family: roche-sansregular;
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-input:focus {
  border: 2px solid #1A818D;
  border-right: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-input:focus ~ .search-button {
  border: 2px solid #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-input::-moz-placeholder {
  color: #8F8F8F;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-input::placeholder {
  color: #8F8F8F;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-button {
  padding: 3px 10px;
  background: transparent;
  border: 2px solid #b5b5b5;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .search-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f002";
  display: inline-block;
  font-weight: 600;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .cancel-button {
  padding: 3px 10px;
  background: transparent;
  border: 2px solid #1A818D;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .cancel-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f057";
  display: inline-block;
  font-weight: 500;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .cross-button {
  padding: 3px 10px;
  background: transparent;
  border: 2px solid #b5b5b5;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .search-box .cross-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f057";
  display: inline-block;
  font-weight: 500;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .create-new-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .create-new-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .create-new-btn a {
  color: #ffffff;
  text-decoration: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .add-new-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
  padding: 10px 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .add-new-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .add-new-btn a {
  color: #ffffff;
  text-decoration: none;
  padding: 10px 24px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section {
  display: flex;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .checkbox_item {
  margin-right: 1rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .checkbox_item .checkbox_wrap {
  display: flex;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .create-new-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .create-new-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .search-section .btn-toggle-section .create-new-btn a {
  color: #ffffff;
  text-decoration: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 25px 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .filter-inner-section {
  position: relative;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .filter-inner-section:hover .dropdown-menu {
  display: block;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .filter-inner-section:hover .dropdown-menu:hover {
  display: block;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .filter-inner-section .text-heading-wrapper {
  position: relative;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .filter-inner-section .text-heading-wrapper a.text-heading {
  color: #1A818D;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding-bottom: 5px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .filter-inner-section .text-heading-wrapper a i.fa-solid {
  font-size: 14px;
  margin-left: 6px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .filter-inner-section span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #ffffff;
  background: #1A818D;
  padding: 3px;
  position: absolute;
  right: -10px;
  top: 0;
  text-align: center;
  font-size: 12px;
  line-height: 10px;
  border: 1px solid #ffffff;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu {
  position: absolute;
  display: none;
  left: 0;
  top: 23px;
  background-color: #ffffff;
  min-width: 300px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  overflow: hidden;
  z-index: 9;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a {
  border-bottom: 1px solid #DDE3E5;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .q-wrapper {
  padding: 15px;
  display: flex;
  justify-content: space-between;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .q-wrapper h3 {
  color: #1A818D;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .q-wrapper .icon.active {
  background: transparent;
  border: 2px solid #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .q-wrapper .icon:hover {
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .q-wrapper .icon .icon-shape {
  position: relative;
  width: 20px;
  height: 20px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .q-wrapper .icon .icon-shape::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 13px;
  height: 2px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .q-wrapper .icon .icon-shape::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 13px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .q-wrapper .icon .icon-shape.active::before {
  transform: translate(-50%, -50%) rotate(180deg);
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .q-wrapper .icon .icon-shape.active::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .dropdown-list-wrapper {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .dropdown-list-wrapper form {
  height: 200px;
  overflow: auto;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .dropdown-list-wrapper form::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .dropdown-list-wrapper form::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .dropdown-list-wrapper form::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .dropdown-list-wrapper form li.form-group {
  width: 100%;
  margin: 0px;
  overflow: hidden;
  transition: height 0.2s ease-in;
  list-style: none;
  padding: 12px 14px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .dropdown-list-wrapper form li.form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .dropdown-list-wrapper form li.form-group input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .dropdown-list-wrapper form li.form-group label {
  position: relative;
  cursor: pointer;
  color: #0B393E;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-section .dropdown-menu .q-a .dropdown-list-wrapper form li.form-group label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #1A818D;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 4px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-result-section {
  display: flex;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-result-section a.clear-chkbox {
  color: #1A818D;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
  margin-right: 1rem;
  text-decoration: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-result-section a.clear-chkbox:last-child {
  margin-right: 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-result-section .add-new-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
  padding: 10px 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-result-section .add-new-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .panel .filter-result-section .add-new-btn a {
  color: #ffffff;
  text-decoration: none;
  padding: 10px 24px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table {
  width: 100%;
  border-top: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: 1px solid #E3E3E3;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
  position: relative;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead {
  border-bottom: 1px solid #e3e3e3;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr {
  text-align: left;
  font-weight: bold;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr:nth-child(odd) {
  background-color: #FAFAFA;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr:nth-child(even) {
  background-color: #FFFFFF;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th div a {
  font-weight: bold;
  color: #1A818D;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th div a img {
  padding-left: 5px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th:nth-child(1) {
  text-align: left;
  width: 140px;
  padding-left: 30px;
}
@media screen and (min-width: 1920px) {
  .customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th:nth-child(1) {
    text-align: left;
    padding-left: 40px;
    width: 140px;
  }
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th:nth-child(2) {
  width: 150px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th:nth-child(3) {
  width: 140px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th:nth-child(4) {
  width: 210px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th:nth-child(5) {
  width: 130px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th:nth-child(6) {
  width: 130px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th:nth-child(7) {
  width: 130px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th:nth-child(8) {
  width: 140px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table thead tr th:nth-child(9) {
  width: 130px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr:last-child {
  border-bottom: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td .more-than-three[tooltip]::after {
  max-width: 70em;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td .more-than-three p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td span {
  width: 100px;
  height: 60px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td span img {
  width: 100%;
  height: auto;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td .plus-minu-section .input-group {
  display: flex;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td .plus-minu-section .input-group input[type=text] {
  width: 40px;
  display: inline-block;
  font-size: 14px;
  padding: 8px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  color: #0B393E;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td .plus-minu-section .input-group .button-minus {
  border: none;
  background: transparent;
  display: flex;
  text-align: center;
  padding: 0 5px;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td .plus-minu-section .input-group .button-plus {
  border: none;
  background: transparent;
  display: flex;
  text-align: center;
  padding: 0 5px;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td .action-btn {
  display: flex;
  align-content: center;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td .action-btn a {
  margin-right: 1rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td .action-btn a:last-child {
  margin: 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td .action-btn a i.fa-regular {
  font-size: 16px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td .action-btn a.delete-node-banner i {
  font-size: 16px;
  color: #D63301;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td:nth-child(2) .more-than-three[tooltip]::after {
  max-width: 70em;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .content-table tbody tr td:nth-child(2) .more-than-three p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .accordion-body {
  display: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .accordion__item.active:last-child .accordion-header {
  border-radius: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .accordion__item.active > .accordion-header:after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .accordion__item > .accordion-header::after {
  position: absolute;
  content: "";
  top: 28px;
  left: 20px;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 13px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .accordion__item > .accordion-header::before {
  position: absolute;
  content: "";
  top: 28px;
  left: 20px;
  transform: translate(-50%, -50%);
  width: 13px;
  height: 2px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .banner-table .accordion .accordion__item {
  margin-bottom: 1rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .other-image-table {
  width: 100%;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  margin-top: 1rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .other-image-table .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
  position: relative;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .other-image-table .content-table thead tr {
  background-color: #FAFAFA;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .other-image-table .content-table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .other-image-table .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .other-image-table .content-table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .other-image-table .content-table tbody tr td .tick_icon {
  margin: 0;
  padding: 0;
  margin-right: 8px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .other-image-table .content-table tbody tr td span {
  width: 65px;
  height: 60px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .other-image-table .content-table tbody tr td .action-btn .edit-other-image {
  margin-right: 1rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .other-image-table .content-table tbody tr td .action-btn .edit-other-image i {
  font-size: 16px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .other-image-table .content-table tbody tr td .action-btn a {
  margin-right: 1.5rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .other-image-table .content-table tbody tr td .action-btn a:last-child {
  margin: 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table {
  width: 100%;
  border-top: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
  position: relative;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead {
  border-bottom: 1px solid #e3e3e3;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr {
  text-align: left;
  font-weight: bold;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr:nth-child(odd) {
  background-color: #FAFAFA;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr:nth-child(even) {
  background-color: #FFFFFF;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr th div a {
  font-weight: bold;
  color: #1A818D;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr th div a img {
  padding-left: 5px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr th:nth-child(1) {
  text-align: left;
  width: 160px;
  padding-left: 30px;
}
@media screen and (min-width: 1920px) {
  .customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr th:nth-child(1) {
    text-align: left;
    padding-left: 40px;
    width: 140px;
  }
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr th:nth-child(2) {
  width: 150px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr th:nth-child(3) {
  width: 140px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr th:nth-child(4) {
  width: 210px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr th:nth-child(5) {
  width: 130px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr th:nth-child(6) {
  width: 150px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr th:nth-child(7) {
  width: 130px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table thead tr th:nth-child(8) {
  width: 140px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td:first-child {
  width: 160px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td:nth-child(3) {
  width: 140px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td:nth-child(4) {
  width: 210px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td:nth-child(5) {
  width: 130px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td:nth-child(6) {
  width: 150px;
  word-break: break-all;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td:nth-child(7) {
  width: 130px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td:nth-child(8) {
  width: 140px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td .video-wrapper {
  position: relative;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td .video-wrapper .play-btn {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 9;
  display: flex;
  align-items: center;
  position: absolute;
  width: 40px;
  height: 40px;
  text-decoration: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td .video-wrapper .play-btn i {
  font-size: 24px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td span {
  width: 100px;
  height: 60px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td .plus-minu-section .input-group {
  display: flex;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td .plus-minu-section .input-group input[type=text] {
  width: 40px;
  display: inline-block;
  font-size: 14px;
  padding: 8px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  color: #0B393E;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td .plus-minu-section .input-group .button-minus {
  border: none;
  background: transparent;
  display: flex;
  text-align: center;
  padding: 0 5px;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td .plus-minu-section .input-group .button-plus {
  border: none;
  background: transparent;
  display: flex;
  text-align: center;
  padding: 0 5px;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td .action-btn {
  display: flex;
  align-content: center;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td .action-btn a {
  margin-right: 1rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td .action-btn a i.fa-regular {
  font-size: 16px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td .action-btn a:last-child {
  margin: 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .content-table tbody tr td .action-btn a.delete-node-media i.fa-regular {
  font-size: 16px;
  color: #D63301;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .accordion-body {
  display: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .accordion__item.active:last-child .accordion-header {
  border-radius: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .accordion__item.active > .accordion-header:after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .accordion__item > .accordion-header::after {
  position: absolute;
  content: "";
  top: 28px;
  left: 20px;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 13px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .accordion__item > .accordion-header::before {
  position: absolute;
  content: "";
  top: 28px;
  left: 20px;
  transform: translate(-50%, -50%);
  width: 13px;
  height: 2px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .media-table .accordion .accordion__item {
  margin-bottom: 1rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table {
  width: 100%;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  margin-top: 1rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
  position: relative;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table thead tr {
  background-color: #FAFAFA;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table thead tr th div a {
  font-weight: bold;
  color: #1A818D;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table thead tr th div a img {
  padding-left: 5px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table thead tr th:nth-child(1) {
  width: 170px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table thead tr th:nth-child(2) {
  width: 120px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table thead tr th:nth-child(3) {
  width: 130px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table thead tr th:nth-child(4) {
  width: 130px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table thead tr th:nth-child(5) {
  width: 240px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table thead tr th:nth-child(6) {
  width: 150px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table thead tr th:nth-child(7) {
  width: 100px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table thead tr th:nth-child(8) {
  width: 100px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td .tick_icon {
  margin: 0;
  padding: 0;
  margin-right: 8px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td span {
  width: 100px;
  height: 60px;
  border-radius: 4px;
  background: #BEECF1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td .link-text {
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td .cta-btn {
  border: none;
  background: transparent;
  display: inline-block;
  margin-right: 1rem;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td .cta-btn .edit-node i {
  font-size: 16px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td .cta-btn .delete-node i {
  font-size: 16px;
  color: #D63301;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td .action-btn {
  display: flex;
  align-content: center;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td .action-btn a {
  margin-right: 1.2rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td .action-btn a:last-child {
  margin: 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td:nth-child(1) {
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td:nth-child(1) i {
  margin-right: 6px;
  font-size: 16px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td:nth-child(1) i.fa-spinner {
  color: #2E7D32;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td:nth-child(1) i.fa-file-lines {
  color: #FFC107;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td:nth-child(1) i.fa-rotate-right {
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td:nth-child(1) i.fa-check {
  color: #2E7D32;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td .more-than-three [tooltip]::after {
  max-width: 70em;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .documentations-table .content-table tbody tr td .more-than-three p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item.active > .accordion-header:after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item {
  position: relative;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .category-delete-btn {
  position: absolute;
  right: 0;
  transform: translate(-25px, 22px);
  border: none;
  background: none;
  z-index: 99;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .faq-heading {
  display: flex;
  padding: 20px;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  border-radius: 8px 8px 0px 0px;
  border: 1px solid #E3E3E3;
  background: #FAFAFA;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .faq-heading .text-heading-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .faq-heading .text-heading-icon i {
  margin-right: 2.6rem;
  font-size: 14px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .faq-heading .text-heading-icon img {
  margin-right: 2.6rem;
  width: 20px;
  height: auto;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .faq-heading .text-heading-icon h5 {
  color: #1A818D;
  font-size: 1rem;
  font-weight: 700;
  line-height: 18px;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .level-one {
  position: relative;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .level-one .text-heading-icon {
  display: flex;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .level-one .text-heading-icon i {
  margin-right: 2.5rem;
  font-size: 14px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .level-one .text-heading-icon img {
  margin-right: 2.5rem;
  width: 20px;
  height: auto;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .level-one .text-heading-icon h5 {
  color: #1A818D;
  font-size: 1rem;
  font-weight: 700;
  line-height: 18px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .level-two {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .level-two .text-heading-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .level-two .text-heading-icon img {
  margin-right: 2rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .level-two .text-heading-icon h5 {
  color: #1A818D;
  font-size: 1rem;
  font-weight: 700;
  line-height: 18px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .level-two button {
  border: none;
  background: transparent;
  padding: 5px;
  color: #1A818D;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .accordion-header::after {
  position: absolute;
  content: "";
  top: 30px;
  left: 55px;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion__item .accordion-header::before {
  position: absolute;
  content: "";
  top: 30px;
  left: 55px;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 2px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion-body {
  background: #fff;
  color: #353535;
  display: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion-body .accordion__item {
  padding: 10px 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion-body .accordion__item.active:last-child .accordion-header {
  border-radius: none;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion-body .accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
  cursor: pointer;
  margin-bottom: 1rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion-body .accordion__item > .accordion-header::after {
  position: absolute;
  content: "";
  top: 8px;
  left: 35px;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion-body .accordion__item > .accordion-header::before {
  position: absolute;
  content: "";
  top: 8px;
  left: 35px;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 2px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .accordion-body .accordion__item.active > .accordion-header:after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .p-20 {
  padding: 20px 20px 5px 45px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .border {
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
  background: #FFF;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer {
  width: 98%;
  margin: auto 20px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer .inner-ques-ans {
  margin-bottom: 0.5rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer .inner-ques-ans:last-child {
  margin-bottom: 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer > div label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer > div label .text-with-drag-icon {
  display: flex;
  align-items: baseline;
  font-size: 14px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer > div label .text-with-drag-icon i {
  margin-right: 2.5rem;
  font-size: 14px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer > div label .text-with-drag-icon img {
  margin-right: 2.5rem;
  width: 20px;
  height: auto;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer > div label .text-with-drag-icon h5 {
  color: #1A818D;
  font-size: 14px;
  transition: 0.5s;
  width: 90%;
  text-align: justify;
  line-height: 20px;
  padding: 0;
  font-weight: normal;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer > div label .text-with-drag-icon h5.faq-unpublish {
  color: #D63301;
  font-size: 14px;
  transition: 0.5s;
  width: 90%;
  text-align: justify;
  line-height: 20px;
  padding: 0;
  font-weight: normal;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer > div label .action-btn {
  display: flex;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer > div label .action-btn a {
  margin-right: 1rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer > div label .action-btn a i {
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer > div label .action-btn a:last-child {
  margin: 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer > div label .action-btn .faq-delete-node i {
  font-size: 16px;
  color: #D63301;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer > div label .action-btn button {
  border: none;
  background: transparent;
  padding: 5px;
  color: #1A818D;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer .acc-body {
  width: 98%;
  width: calc(100% - 20px);
  margin: 0 auto;
  height: 0;
  color: rgba(0, 0, 0, 0);
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.2);
  line-height: 28px;
  padding: 0 20px;
  box-sizing: border-box;
  transition: 0.5s;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer label {
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  padding: 0 0 0 6px;
  width: 100%;
  color: #0B393E;
  font-weight: 400;
  box-sizing: border-box;
  z-index: 100;
  position: relative;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer input {
  display: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer label::before {
  position: absolute;
  content: "";
  top: 12px;
  left: 40px;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
  float: left;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer label::after {
  position: absolute;
  content: "";
  top: 12px;
  left: 40px;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 2px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
  float: left;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer input:checked + label:before {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.5s ease;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .faq-tab-section .acc-kontainer input:checked ~ .acc-body {
  height: auto;
  color: #0B393E;
  font-size: 14px;
  transition: 0.5s;
  width: 90%;
  text-align: justify;
  line-height: 20px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table {
  width: 100%;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  margin-top: 1rem;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
  position: relative;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table thead tr {
  background-color: #FAFAFA;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table thead tr th div a {
  font-weight: bold;
  color: #1A818D;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table thead tr th div a img {
  padding-left: 5px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table thead tr th:nth-child(1) {
  width: 180px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table thead tr th:nth-child(2) {
  width: 400px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table thead tr th:nth-child(3) {
  width: 180px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table thead tr th:nth-child(4) {
  width: 180px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table thead tr th:nth-child(5) {
  width: 150px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table tbody tr:first-child {
  border-bottom: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table tbody tr td .tick_icon {
  margin: 0;
  padding: 0;
  margin-right: 8px;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table tbody tr td span {
  width: 100px;
  height: 60px;
  border-radius: 4px;
  background: #BEECF1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table tbody tr td .action-btn a {
  margin-right: 1rem;
  text-decoration: none;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table tbody tr td .action-btn a i {
  font-size: 16px;
  color: #1A818D;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table tbody tr td .action-btn a:last-child {
  margin: 0;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table tbody tr td .action-btn .delete-node i {
  font-size: 16px;
  color: #D63301;
}
.customer-media-management .inner-wrapper .tabbedPanels .panelContainer .site-alert-table .content-table tbody tr:last-child {
  border-bottom: none;
}
.customer-media-management .banner-image-edit {
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  padding: 20px;
}
.customer-media-management .banner-image-edit .inner-edit-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section {
  width: 50%;
  margin-right: 3rem;
}
@media screen and (min-width: 1920px) {
  .customer-media-management .banner-image-edit .inner-edit-section .left-section {
    width: auto;
  }
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .top-margin {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .text-center {
  text-align: center;
  margin-bottom: 12px;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .text-center p {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.4rem;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .customer-media-management .banner-image-edit .inner-edit-section .left-section .type-dropdown {
    width: 500px;
  }
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .type-dropdown label {
  color: #0B393E;
  font-size: 14px;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .type-dropdown .calendar-input {
  position: relative;
  width: 285px;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .type-dropdown .calendar-input input {
  display: inline-block;
  font-size: 14px;
  min-width: 285px;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
  cursor: pointer;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .type-dropdown .calendar-input input::-moz-placeholder {
  color: #8F8F8F;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .type-dropdown .calendar-input input::placeholder {
  color: #8F8F8F;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .type-dropdown .calendar-input i#cal-icon {
  top: 10px;
  position: absolute;
  right: 12px;
  font-size: 18px;
  color: #1A818D;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .type-dropdown .calendar-input i#cal-icon-end-date {
  top: 10px;
  position: absolute;
  right: 12px;
  font-size: 18px;
  color: #1A818D;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .type-dropdown .calendar-input .validation-msg p img {
  position: relative;
  align-items: center;
  top: 0;
  right: 2px;
  cursor: default;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .type-dropdown .placeholder-value-text {
  width: 285px;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref {
  position: relative;
  display: block;
  padding-top: 15px;
  margin-bottom: 12px;
  text-align: left;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref {
    width: 500px;
  }
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 100%;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .form__field::placeholder {
  color: #8F8F8F;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .sap-validation-msg p {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-top: 4px;
  color: #D63301;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .sap-validation-msg img {
  margin-right: 4px;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .form-item-banner-customer-sap-id {
  display: flex;
  flex-direction: row-reverse;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .form-item-banner-customer-sap-id input {
  width: 285px;
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .form-item-banner-customer-sap-id input::-moz-placeholder {
  color: #8F8F8F;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .form-item-banner-customer-sap-id input::placeholder {
  color: #8F8F8F;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .form-item-banner-customer-sap-id label {
  color: #0B393E;
  font-size: 14px;
  align-self: center;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .js-form-type-textarea {
  display: flex;
  align-items: center;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .js-form-type-textarea label {
  color: #0B393E;
  font-size: 14px;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .js-form-type-textarea .form-textarea {
  display: inline-block;
  font-size: 14px;
  min-width: 285px;
  width: 285px;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
  cursor: auto;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .js-form-type-textarea .form-textarea::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .js-form-type-textarea .form-textarea::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form_group_ref .js-form-type-textarea .form-textarea::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form-group {
  margin: 0px;
  overflow: hidden;
  transition: height 0.2s ease-in;
  list-style: none;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form-group input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form-group label {
  position: relative;
  cursor: pointer;
  color: #5C5C5C;
  font-size: 14px;
  display: inline-flex;
  color: #1A818D;
  font-weight: 700;
  align-items: center;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .form-group label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #1A818D;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 4px;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .btn-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .customer-media-management .banner-image-edit .inner-edit-section .left-section .btn-section {
    width: 500px;
  }
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .btn-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  text-decoration: none;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .btn-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .btn-section .save-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.customer-media-management .banner-image-edit .inner-edit-section .left-section .btn-section .save-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side {
  width: 100%;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .heading {
  margin-bottom: 12px;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .heading label {
  color: #0B393E;
  font-size: 14px;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image {
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  text-align: center;
  padding: 1rem;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer {
  position: relative;
  cursor: pointer;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer.image-uploaded {
  cursor: default;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner {
  border-radius: 8px;
  border: 1px solid #B5B5B5;
  background: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 410px;
  height: 165px;
  display: flex;
  padding-top: 10px;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .upload-image-icon {
  color: #1A818D;
  margin: 1rem auto;
  cursor: pointer;
  font-size: 18px;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .ajax-progress-throbber {
  display: none;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .js-form-item {
  width: 100%;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .js-form-item .my-class {
  color: #1A818D;
  font-size: 14px;
  cursor: pointer;
  border: 2px solid #1A818D;
  border-radius: 20px;
  display: inline-block;
  font-weight: 600;
  line-height: 1.5;
  padding: 0.5rem 1.5rem;
  text-align: center;
  transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  vertical-align: middle;
  white-space: nowrap;
  background: transparent;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .js-form-item #edit-banner-carousel-image-upload {
  opacity: 0;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .js-form-item .image-widget {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  width: 96%;
  height: 90%;
  top: 5%;
  position: absolute;
  left: 2%;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .js-form-item .image-widget img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .js-form-item .image-widget .js-form-file {
  opacity: 0;
  width: 100%;
  height: 100%;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .js-form-item .image-widget .file--image {
  display: none;
  margin-right: 0.5rem;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .js-form-item .image-widget .file--image a {
  font-size: 14px;
  color: #0B393E;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .js-form-item .image-widget span {
  display: none;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .js-form-item .image-widget .js-form-submit {
  border: none;
  background: transparent;
  cursor: pointer;
  color: #1A818D;
  margin-left: 15px;
  border: none;
  background: transparent;
  background-image: url(../images/DeleteIcon.svg);
  background-repeat: no-repeat;
  background-size: auto;
  width: 14px;
  height: 18px;
  background-position: center;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .form-item-banner-carousel-image .my-class {
  color: #1A818D;
  font-size: 14px;
  cursor: pointer;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .form-item-banner-carousel-image .js-form-file {
  opacity: 0;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .form-item-banner-carousel-image .image-widget {
  width: 96%;
  height: 90%;
  top: 5%;
  position: absolute;
  left: 2%;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .form-item-banner-carousel-image .image-widget span {
  display: none;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .form-item-banner-carousel-image .image-widget span:nth-child(1) {
  display: none;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .form-item-banner-carousel-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .form-item-banner-carousel-image .js-form-submit {
  border: none;
  background: transparent;
  cursor: pointer;
  color: #1A818D;
  margin-left: 8px;
  border: none;
  background: transparent;
  background-image: url(/themes/custom/rocfr/images/DeleteIcon.svg);
  background-repeat: no-repeat;
  background-size: auto;
  width: 14px;
  height: 18px;
  background-position: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(30px, 0px);
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .img {
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .validation-msg {
  width: 410px;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .validation-msg p {
  align-items: flex-start;
  text-align: left;
  color: #D63301;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .upload-image .delete-btn {
  border: none;
  background: transparent;
  padding: 5px;
  color: #1A818D;
  cursor: pointer;
  margin-left: 1rem;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .link-input {
  position: relative;
  width: 410px;
  bottom: 0;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .link-input input {
  width: 100%;
  padding: 5px 26px 5px 8px;
  border-radius: 4px;
  border: 2px solid #b5b5b5;
  background: #ffffff;
  height: 32px;
  color: #0B393E;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .link-input input:focus {
  border: 2px solid #1A818D;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .link-input .copy-btn {
  position: absolute;
  right: 2%;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .link-input .link-validation-msg {
  text-align: left;
  margin-top: 6px;
  margin-bottom: 6px;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .link-input .link-validation-msg p {
  text-align: left;
  display: flex;
  align-items: center;
  padding: 5px 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #D63301;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side .link-input .link-validation-msg p img {
  margin-right: 4px;
}
.customer-media-management .banner-image-edit .inner-edit-section .right-form-side p {
  color: #0B393E;
  text-align: center;
  font-family: "roche-sansregular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.customer-media-management .add-media-page {
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  padding: 20px;
}
.customer-media-management .add-media-page .inner-edit-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.customer-media-management .add-media-page .inner-edit-section .left-section {
  width: 50%;
  margin-right: 3rem;
}
@media screen and (min-width: 1920px) {
  .customer-media-management .add-media-page .inner-edit-section .left-section {
    width: auto;
  }
}
.customer-media-management .add-media-page .inner-edit-section .left-section .text-center {
  text-align: center;
  margin-bottom: 20px;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .text-center p {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .customer-media-management .add-media-page .inner-edit-section .left-section .type-dropdown {
    width: 58%;
  }
}
.customer-media-management .add-media-page .inner-edit-section .left-section .type-dropdown label {
  color: #0B393E;
  font-size: 14px;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .type-dropdown .calendar-input {
  position: relative;
  width: 285px;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .type-dropdown .calendar-input input {
  display: inline-block;
  font-size: 14px;
  min-width: 285px;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
  cursor: pointer;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .type-dropdown .calendar-input input::-moz-placeholder {
  color: #8F8F8F;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .type-dropdown .calendar-input input::placeholder {
  color: #8F8F8F;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .type-dropdown .calendar-input i {
  position: absolute;
  top: 10px;
  right: 12px;
  cursor: pointer;
  font-size: 16px;
  color: #1A818D;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .type-dropdown .calendar-input img {
  position: absolute;
  top: 8px;
  right: 12px;
  cursor: pointer;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .type-dropdown .placeholder-value-text {
  width: 285px;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref {
  position: relative;
  display: block;
  margin-bottom: 20px;
  text-align: left;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref {
    width: 500px;
  }
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .form-item-media-landing-sap-id {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .form-item-media-landing-sap-id .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 285px;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .form-item-media-landing-sap-id .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .form-item-media-landing-sap-id .form__field::placeholder {
  color: #8F8F8F;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .form-item-media-landing-sap-id .form__field.disabled + label {
  background: #f6f6f6;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .form-item-media-landing-sap-id label {
  color: #0B393E;
  font-size: 14px;
  align-self: center;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 100%;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .form__field::placeholder {
  color: #8F8F8F;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .form__field.disabled + label {
  background: #f6f6f6;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .sap-validation-msg p {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-top: 4px;
  color: #D63301;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .sap-validation-msg img {
  margin-right: 4px;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .js-form-type-textarea {
  flex-direction: row;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .js-form-type-textarea label {
  color: #0B393E;
  font-size: 14px;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .js-form-type-textarea .form-textarea {
  display: inline-block;
  font-size: 14px;
  min-width: 285px;
  width: 285px;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
  cursor: auto;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .js-form-type-textarea .form-textarea::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .js-form-type-textarea .form-textarea::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .js-form-type-textarea .form-textarea::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form_group_ref .js-form-type-textarea .form-textarea.disabled-field {
  pointer-events: none;
  background: #F6F6F6 !important;
  cursor: not-allowed;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form-group {
  margin: 0px;
  overflow: hidden;
  transition: height 0.2s ease-in;
  list-style: none;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form-group input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form-group label {
  position: relative;
  cursor: pointer;
  color: #5C5C5C;
  font-size: 14px;
  display: inline-flex;
  color: #1A818D;
  font-weight: 700;
  align-items: center;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .form-group label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #1A818D;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 4px;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .btn-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .customer-media-management .add-media-page .inner-edit-section .left-section .btn-section {
    width: 500px;
  }
}
.customer-media-management .add-media-page .inner-edit-section .left-section .btn-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  text-decoration: none;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .btn-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .btn-section .save-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.customer-media-management .add-media-page .inner-edit-section .left-section .btn-section .save-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.customer-media-management .add-media-page .inner-edit-section .right-section {
  width: 100%;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .heading {
  margin-bottom: 12px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .heading label {
  color: #0B393E;
  font-size: 14px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section {
  display: flex;
  justify-content: space-between;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section {
  flex: auto;
  width: 50%;
  margin-right: 2rem;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section {
  border-radius: 8px;
  border: 2px dashed #B5B5B5;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section i {
  margin-bottom: 18px;
  font-size: 18px;
  color: #1A818D;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section img {
  margin-bottom: 18px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section h4 {
  color: #0B393E;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 12px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section p {
  color: #0B393E;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 12px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section .file {
  margin-bottom: 18px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section .file #ajax-wrapper .form-managed-file .file a {
  font-size: 14px;
  color: #1A818D;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section .file .file--mime-application-zip a {
  font-size: 14px;
  color: #1A818D;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section .file .js-form-managed-file .js-form-file {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section .file span {
  font-size: 14px;
  color: #0B393E;
  margin-bottom: 6px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section .file span a {
  font-size: 14px;
  color: #1A818D;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section .file span:first-child {
  font-size: 12px;
  color: #0B393E;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section .file .form-submit {
  border: none;
  background: transparent;
  cursor: pointer;
  color: #1A818D;
  margin-left: 8px;
  border: none;
  background: transparent;
  background-image: url(../images/DeleteIcon.svg);
  background-repeat: no-repeat;
  background-size: auto;
  width: 14px;
  height: 18px;
  background-position: center;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section .file #upload_file {
  display: none;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section .file .btn {
  -moz-user-select: none;
  border: 2px solid #1A818D;
  border-radius: 20px;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  padding: 0.5rem 1.5rem;
  text-align: center;
  transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  vertical-align: middle;
  white-space: nowrap;
  background: transparent;
  color: #1A818D;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section .file-upload-section h5 {
  color: #0B393E;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section #file-error-msg p {
  font-size: 12px;
  display: flex;
  align-items: flex-start;
  color: #D63301;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .file-section #file-error-msg p img {
  margin-right: 0.5rem;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section {
  flex: auto;
  width: 50%;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section {
  border-radius: 8px;
  border: 2px dashed #B5B5B5;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section .media-up-img {
  margin-bottom: 18px;
  font-size: 18px;
  color: #1A818D;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section img {
  margin-bottom: 18px;
  width: 220px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section h4 {
  color: #0B393E;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 12px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section p {
  color: #0B393E;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 12px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section .file {
  margin-bottom: 18px;
  width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section .file #upload_file {
  display: none;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section .file .form-item .image-widget {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section .file .form-item .image-widget .js-form-file {
  opacity: 0;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section .file .form-item .image-widget .file--image a {
  font-size: 14px;
  color: #1A818D;
  margin-right: 6px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section .file .form-item .image-widget span {
  font-size: 14px;
  color: #0B393E;
  margin-bottom: 8px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section .file .form-item .image-widget .form-submit {
  border: none;
  background: transparent;
  cursor: pointer;
  color: #1A818D;
  margin-left: 8px;
  border: none;
  background: transparent;
  background-image: url(../images/DeleteIcon.svg);
  background-repeat: no-repeat;
  background-size: auto;
  width: 14px;
  height: 18px;
  background-position: center;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section .file .btn {
  -moz-user-select: none;
  border: 2px solid #1A818D;
  border-radius: 20px;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  padding: 0.5rem 1.5rem;
  text-align: center;
  transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  vertical-align: middle;
  white-space: nowrap;
  background: transparent;
  color: #1A818D;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section .file .js-form-file {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .file-upload-section h5 {
  color: #0B393E;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section #image-error-msg p {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-top: 4px;
  color: #D63301;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section #image-error-msg p img {
  margin-right: 4px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .visibility-hidden {
  visibility: hidden;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .form-item-media-landing-url {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .form-item-media-landing-url label {
  font-size: 14px;
  color: #0B393E;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .carousel-section .form-item-media-landing-url .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 285px;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .form_group_ref {
  position: relative;
  display: block;
  margin-bottom: 20px;
  text-align: left;
  width: 90%;
}
@media screen and (min-width: 1920px) {
  .customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .form_group_ref {
    width: 500px;
  }
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .form_group_ref .sap-validation-msg p {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-top: 4px;
  color: #D63301;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .form_group_ref .sap-validation-msg img {
  margin-right: 4px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .form_group_ref .link-validation-msg p {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-top: 4px;
  color: #D63301;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .form_group_ref .link-validation-msg img {
  margin-right: 4px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .form_group_ref .js-form-type-textfield {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .form_group_ref .js-form-type-textfield label {
  font-size: 14px;
  color: #0B393E;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .form_group_ref .js-form-type-textfield .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 285px;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .form_group_ref .js-form-type-textfield .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .file-upload-section .form_group_ref .js-form-type-textfield .form__field::placeholder {
  color: #8F8F8F;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .uploaded-file {
  margin-top: 2rem;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .uploaded-file .card {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 12px;
  display: flex;
  align-items: center;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .uploaded-file .card .img-section {
  margin-right: 16px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .uploaded-file .card .img-section span {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background: #beecf1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .uploaded-file .card .img-section span img {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 5px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .uploaded-file .card .text-section label {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.customer-media-management .add-media-page .inner-edit-section .right-section .uploaded-file .card .text-section p {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
}
.customer-media-management .add-media-page .inner-edit-section .right-section .uploaded-file .card .del-btn {
  margin-left: 1rem;
  background: transparent;
  border: none;
  cursor: pointer;
}

.other-image-edit {
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  padding: 20px;
}
.other-image-edit .inner-edit-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.other-image-edit .inner-edit-section .left-section {
  width: 45%;
  margin-right: 2rem;
}
.other-image-edit .inner-edit-section .left-section .text-center {
  text-align: center;
  margin-bottom: 12px;
}
.other-image-edit .inner-edit-section .left-section .text-center p {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.other-image-edit .inner-edit-section .left-section hr {
  border-style: dashed;
  border-color: #B5B5B5;
  margin-bottom: 1.4rem;
  border-width: 1px;
}
.other-image-edit .inner-edit-section .left-section .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.4rem;
}
.other-image-edit .inner-edit-section .left-section .type-dropdown label {
  color: #5C5C5C;
  font-size: 14px;
}
.other-image-edit .inner-edit-section .left-section .type-dropdown .calendar-input {
  position: relative;
}
.other-image-edit .inner-edit-section .left-section .type-dropdown .calendar-input input {
  display: inline-block;
  font-size: 14px;
  min-width: 282px;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #8F8F8F;
  cursor: pointer;
}
.other-image-edit .inner-edit-section .left-section .type-dropdown .calendar-input i {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 16px;
  color: #1A818D;
}
.other-image-edit .inner-edit-section .left-section .type-dropdown .calendar-input img {
  position: absolute;
  top: 8px;
  right: 12px;
}
.other-image-edit .inner-edit-section .left-section .type-dropdown .placeholder-value-text {
  width: 285px;
}
.other-image-edit .inner-edit-section .left-section .form_group_ref {
  position: relative;
  display: block;
  padding-top: 15px;
  margin-bottom: 20px;
  text-align: left;
}
.other-image-edit .inner-edit-section .left-section .form_group_ref label {
  position: absolute;
  top: 8px;
  display: block;
  width: auto;
  font-size: 12px;
  line-height: 15px;
  left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #B5B5B5;
  background: #ffffff;
  padding: 0 5px;
}
.other-image-edit .inner-edit-section .left-section .form_group_ref .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #8F8F8F;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 100%;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.other-image-edit .inner-edit-section .left-section .form-group {
  margin: 0px;
  overflow: hidden;
  transition: height 0.2s ease-in;
  list-style: none;
}
.other-image-edit .inner-edit-section .left-section .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.other-image-edit .inner-edit-section .left-section .form-group input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.other-image-edit .inner-edit-section .left-section .form-group label {
  position: relative;
  cursor: pointer;
  color: #5C5C5C;
  font-size: 14px;
  display: inline-flex;
  color: #1A818D;
  font-weight: 700;
  align-items: center;
}
.other-image-edit .inner-edit-section .left-section .form-group label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #1A818D;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 4px;
}
.other-image-edit .inner-edit-section .left-section .btn-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.other-image-edit .inner-edit-section .left-section .btn-section .cancel-btn {
  border-radius: 8px;
  padding: 0.6rem 2rem;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 140px;
  font-weight: 600;
  cursor: pointer;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
}
.other-image-edit .inner-edit-section .left-section .btn-section .save-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.other-image-edit .inner-edit-section .left-section .btn-section .save-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.other-image-edit .inner-edit-section .right-form-side {
  width: 100%;
}
.other-image-edit .inner-edit-section .right-form-side .heading {
  margin-bottom: 12px;
}
.other-image-edit .inner-edit-section .right-form-side .heading label {
  color: #5C5C5C;
  font-size: 14px;
}
.other-image-edit .inner-edit-section .right-form-side .upload-image {
  border: 2px solid #b5b5b5;
  border-radius: 4px;
  text-align: center;
  padding: 1rem;
  height: 250px;
}
.other-image-edit .inner-edit-section .right-form-side .upload-image .image-outer {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  align-items: center;
  margin-bottom: 2rem;
}
.other-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner {
  border-radius: 8px;
  border: 1px solid #B5B5B5;
  background: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 140px;
  height: 140px;
  display: flex;
  justify-content: center;
  padding-top: 10px;
  position: relative;
}
.other-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .img {
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.other-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .image-inner .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.other-image-edit .inner-edit-section .right-form-side .upload-image .image-outer .delete-btn {
  border: none;
  background: transparent;
  padding: 5px;
  color: #1A818D;
  cursor: pointer;
  margin-left: 1rem;
}
.other-image-edit .inner-edit-section .right-form-side .upload-image .link-input {
  position: absolute;
  width: 100%;
  bottom: 5%;
}
.other-image-edit .inner-edit-section .right-form-side .upload-image .link-input input {
  width: 91%;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #B5B5B5;
  background: #ffffff;
}
.other-image-edit .inner-edit-section .right-form-side .upload-image .link-input .copy-btn {
  position: absolute;
  right: 8%;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.other-image-edit .inner-edit-section .right-form-side .upload-image p {
  color: #0B393E;
  text-align: center;
  font-family: "Roche Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.docs-edit-section {
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  padding: 20px;
}
.docs-edit-section .inner-edit-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.docs-edit-section .inner-edit-section .left-section {
  width: 45%;
  margin-right: 2rem;
}
.docs-edit-section .inner-edit-section .left-section .text-center {
  text-align: center;
  margin-bottom: 12px;
}
.docs-edit-section .inner-edit-section .left-section .text-center p {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.docs-edit-section .inner-edit-section .left-section .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.4rem;
}
.docs-edit-section .inner-edit-section .left-section .type-dropdown label {
  color: #5C5C5C;
  font-size: 14px;
}
.docs-edit-section .inner-edit-section .left-section .form_group_ref {
  position: relative;
  display: block;
  padding-top: 15px;
  margin-bottom: 20px;
  text-align: left;
}
.docs-edit-section .inner-edit-section .left-section .form_group_ref label {
  position: absolute;
  top: 8px;
  display: block;
  width: auto;
  font-size: 12px;
  line-height: 15px;
  left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #B5B5B5;
  background: #ffffff;
  padding: 0 5px;
}
.docs-edit-section .inner-edit-section .left-section .form_group_ref .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #8F8F8F;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 100%;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.docs-edit-section .inner-edit-section .left-section .form-group {
  margin: 0px;
  overflow: hidden;
  transition: height 0.2s ease-in;
  list-style: none;
}
.docs-edit-section .inner-edit-section .left-section .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.docs-edit-section .inner-edit-section .left-section .form-group input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.docs-edit-section .inner-edit-section .left-section .form-group label {
  position: relative;
  cursor: pointer;
  color: #5C5C5C;
  font-size: 14px;
  display: inline-flex;
  color: #1A818D;
  font-weight: 700;
  align-items: center;
}
.docs-edit-section .inner-edit-section .left-section .form-group label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #1A818D;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 4px;
}
.docs-edit-section .inner-edit-section .left-section .btn-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.docs-edit-section .inner-edit-section .left-section .btn-section .cancel-btn {
  border-radius: 8px;
  padding: 0.6rem 2rem;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 140px;
  font-weight: 600;
  cursor: pointer;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
}
.docs-edit-section .inner-edit-section .left-section .btn-section .save-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.docs-edit-section .inner-edit-section .left-section .btn-section .save-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.docs-edit-section .inner-edit-section .right-section {
  width: 100%;
}
.docs-edit-section .inner-edit-section .right-section .text-heading {
  margin-bottom: 1.5rem;
}
.docs-edit-section .inner-edit-section .right-section .text-heading h5 {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.docs-edit-section .inner-edit-section .right-section .file-upload-section {
  border: 2px dashed #E3E3E3;
  border-radius: 4px;
  text-align: center;
  padding: 1.5rem;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
}
.docs-edit-section .inner-edit-section .right-section .file-upload-section img {
  margin-bottom: 18px;
}
.docs-edit-section .inner-edit-section .right-section .file-upload-section .text {
  margin: 14px auto;
}
.docs-edit-section .inner-edit-section .right-section .file-upload-section .header-text {
  color: #B5B5B5;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.docs-edit-section .inner-edit-section .right-section .file-upload-section p {
  color: #B5B5B5;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.docs-edit-section .inner-edit-section .right-section .file-upload-section .file--upload {
  margin: 15px auto;
}
.docs-edit-section .inner-edit-section .right-section .file-upload-section .file--upload #custom-button {
  padding: 12px 20px;
  color: #1A818D;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  border-radius: 20px;
  border: 2px solid #1A818D;
  opacity: 0.5;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
  width: 150px;
}
.docs-edit-section .inner-edit-section .right-section .file-upload-section .file--upload #custom-button:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
  color: #ffffff;
  background-color: #00b28f;
}

.faq-edit-section {
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  padding: 20px;
}
.faq-edit-section .inner-edit-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.faq-edit-section .inner-edit-section .left-section {
  width: 45%;
  margin-right: 2rem;
}
.faq-edit-section .inner-edit-section .left-section .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.faq-edit-section .inner-edit-section .left-section .type-dropdown label {
  color: #0B393E;
  font-size: 14px;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref {
  position: relative;
  display: block;
  padding-top: 15px;
  margin-bottom: 20px;
  text-align: left;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref .js-form-item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref .js-form-item label {
  color: #0B393E;
  font-size: 14px;
  align-self: center;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref .js-form-item .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 285px;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref .js-form-item .form__field:focus {
  border: 2px solid #1A818D;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref .js-form-item .form__field:focus + .form__label {
  color: #1A818D;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref .js-form-item .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref .js-form-item .form__field::placeholder {
  color: #8F8F8F;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 100%;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref .form__field:focus {
  border: 2px solid #1A818D;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref .form__field:focus + .form__label {
  color: #1A818D;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.faq-edit-section .inner-edit-section .left-section .form_group_ref .form__field::placeholder {
  color: #8F8F8F;
}
.faq-edit-section .inner-edit-section .left-section .form-group {
  margin: 0px;
  overflow: hidden;
  transition: height 0.2s ease-in;
  list-style: none;
}
.faq-edit-section .inner-edit-section .left-section .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.faq-edit-section .inner-edit-section .left-section .form-group input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.faq-edit-section .inner-edit-section .left-section .form-group label {
  position: relative;
  cursor: pointer;
  color: #5C5C5C;
  font-size: 14px;
  display: inline-flex;
  color: #1A818D;
  font-weight: 700;
  align-items: center;
}
.faq-edit-section .inner-edit-section .left-section .form-group label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #1A818D;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 4px;
}
.faq-edit-section .inner-edit-section .left-section .btn-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.faq-edit-section .inner-edit-section .left-section .btn-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  text-decoration: none;
}
.faq-edit-section .inner-edit-section .left-section .btn-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.faq-edit-section .inner-edit-section .left-section .btn-section .save-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.faq-edit-section .inner-edit-section .left-section .btn-section .save-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.faq-edit-section .inner-edit-section .right-section {
  width: 100%;
}
.faq-edit-section .inner-edit-section .right-section .html-editor {
  margin-bottom: 1rem;
}
.faq-edit-section .inner-edit-section .right-section .html-editor .validation-msg-q {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
  margin-top: 6px;
}
.faq-edit-section .inner-edit-section .right-section .html-editor .validation-msg-q img {
  margin-right: 5px;
}
.faq-edit-section .inner-edit-section .right-section .html-editor .validation-msg-a {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
  margin-top: 6px;
}
.faq-edit-section .inner-edit-section .right-section .html-editor .validation-msg-a img {
  margin-right: 5px;
}
.faq-edit-section .inner-edit-section .right-section .text-heading {
  margin-bottom: 12px;
}
.faq-edit-section .inner-edit-section .right-section .text-heading h5 {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.siteContent-edit-section {
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  padding: 20px;
}
.siteContent-edit-section .inner-edit-section .site-alert-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section {
  margin-right: 2rem;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .siteContent-edit-section .inner-edit-section .site-alert-section .left-section {
    width: 500px;
  }
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section .text-heading {
  margin-bottom: 1.5rem;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section .text-heading h4 {
  color: #1A818D;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .siteContent-edit-section .inner-edit-section .site-alert-section .left-section .type-dropdown {
    width: 500px;
  }
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section .type-dropdown label {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section .type-dropdown .calendar-input {
  position: relative;
  width: 285px;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section .type-dropdown .calendar-input input {
  display: inline-block;
  font-size: 14px;
  min-width: 250px;
  width: 100%;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
  cursor: pointer;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section .type-dropdown .calendar-input input:focus {
  border: 2px solid #1A818D;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section .type-dropdown .calendar-input input::-moz-placeholder {
  color: #8F8F8F;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section .type-dropdown .calendar-input input::placeholder {
  color: #8F8F8F;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section .type-dropdown .calendar-input .calendar-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  font-size: 18px;
  color: #1A818D;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section .type-dropdown .calendar-input .validation-msg {
  padding: 0;
  position: absolute;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .left-section .type-dropdown .calendar-input .validation-msg p img {
  margin-right: 4px;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .right-section {
  flex-basis: 65%;
}
@media screen and (min-width: 1920px) {
  .siteContent-edit-section .inner-edit-section .site-alert-section .right-section {
    flex-basis: 100%;
  }
}
.siteContent-edit-section .inner-edit-section .site-alert-section .right-section .text-heading {
  margin-bottom: 0.8rem;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .right-section .text-heading h5 {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .ck-editor__editable {
  min-height: 100px !important;
  word-wrap: break-word;
  word-break: break-all;
  overflow: auto;
  color: #0B393E;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .ck-editor__editable::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .ck-editor__editable::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.siteContent-edit-section .inner-edit-section .site-alert-section .ck-editor__editable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.siteContent-edit-section .inner-edit-section .site-outage-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 35px 0 0 0;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section {
  margin-right: 2rem;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .siteContent-edit-section .inner-edit-section .site-outage-section .left-section {
    width: 500px;
  }
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .text-heading {
  margin-bottom: 1.5rem;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .text-heading h4 {
  color: #1A818D;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .text-heading .checkbox_item label {
  color: #1A818D;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .siteContent-edit-section .inner-edit-section .site-outage-section .left-section .type-dropdown {
    width: 500px;
  }
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .type-dropdown label {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .type-dropdown .calendar-input {
  position: relative;
  width: 285px;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .type-dropdown .calendar-input input {
  display: inline-block;
  font-size: 14px;
  min-width: 250px;
  width: 100%;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
  cursor: pointer;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .type-dropdown .calendar-input input::-moz-placeholder {
  color: #8F8F8F;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .type-dropdown .calendar-input input::placeholder {
  color: #8F8F8F;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .type-dropdown .calendar-input input:focus {
  border: 2px solid #1A818D;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .type-dropdown .calendar-input .validation-msg {
  padding: 0;
  position: absolute;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .type-dropdown .calendar-input .validation-msg p img {
  margin-right: 4px;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .type-dropdown .calendar-input .calendar-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  font-size: 18px;
  color: #1A818D;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref {
  position: relative;
  display: block;
  margin-bottom: 20px;
  text-align: left;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .form-item-siteoutage-image {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .form-item-siteoutage-image label {
  font-size: 14px;
  display: block;
  color: #0B393E;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .form-item-siteoutage-image .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #8F8F8F;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 285px;
  padding: 8px 0 8px 8px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .form-item-siteoutage-image .form__field:focus {
  border: 2px solid #1A818D;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .form-item-siteoutage-image .form__field.active {
  border: 2px solid #1A818D;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .form-item-siteoutage-image .form__field .file--image {
  margin: 0 8px;
  width: auto;
  display: inline-block;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .form-item-siteoutage-image .form__field .file--image a {
  color: #1A818D;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .form-item-siteoutage-image .form__field .js-form-submit {
  border: none;
  background: transparent;
  cursor: pointer;
  color: #1A818D;
  margin-left: 8px;
  border: none;
  background: transparent;
  background-image: url(/themes/custom/rocfr/images/IconsVersion2/Delete.svg);
  background-repeat: no-repeat;
  background-size: auto;
  width: 14px;
  height: 18px;
  background-position: center;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .js-form-managed-file {
  display: flex;
  align-items: center;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .upload__field {
  padding-top: 8px;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .upload__field .file {
  font-size: 14px;
  color: #0B393E;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .upload__field span {
  font-size: 14px;
  color: #0B393E;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .upload__field .form-submit {
  background: transparent;
  cursor: pointer;
  color: #1A818D;
  margin-left: 8px;
  border: none;
  background: transparent;
  background-image: url(/themes/custom/rocfr/images/DeleteIcon.svg);
  background-repeat: no-repeat;
  background-size: auto;
  width: 14px;
  height: 18px;
  background-position: center;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .form_group_ref .form__label {
  display: none;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .btn-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  width: 410px;
}
@media screen and (min-width: 1920px) {
  .siteContent-edit-section .inner-edit-section .site-outage-section .left-section .btn-section {
    width: 500px;
  }
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .btn-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  text-decoration: none;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .btn-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .btn-section .cancel-btn a {
  text-decoration: none;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .btn-section .save-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .left-section .btn-section .save-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .right-section {
  flex-basis: 65%;
}
@media screen and (min-width: 1920px) {
  .siteContent-edit-section .inner-edit-section .site-outage-section .right-section {
    flex-basis: 100%;
  }
}
.siteContent-edit-section .inner-edit-section .site-outage-section .right-section .text-heading {
  margin-bottom: 0.8rem;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .right-section .text-heading h5 {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .right-section .ck-editor__editable {
  min-height: 100px !important;
  word-wrap: break-word;
  word-break: break-all;
  overflow: auto;
  color: #0B393E;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .right-section .ck-editor__editable::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .right-section .ck-editor__editable::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.siteContent-edit-section .inner-edit-section .site-outage-section .right-section .ck-editor__editable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}

.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown {
  min-width: 285px;
  width: 285px;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdownlabel {
  width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0B393E;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input {
  display: none;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #5C5C5C;
  width: 100%;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #1A818D;
  background: #ffffff;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #1A818D;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 4px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input:checked + span:after {
  opacity: 1;
  transform: scale(1, 1);
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox input + span {
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
  color: #0B393E;
  width: 100%;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox input + span:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #1A818D;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox input:checked + span:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox.is-disabled input + span {
  cursor: not-allowed;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox.is-disabled input + span::before {
  border: 2px solid #b5b5b5;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox.is-disabled input:checked + span:after {
  border: solid #B5B5B5;
  border-width: 0 2px 2px 0;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown.is-disabled {
  background: #F6F6F6 !important;
  cursor: not-allowed !important;
}
.customer-media-management .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown.is-disabled::before {
  color: #E3E3E3;
}

.groups-wrapper {
  padding: 20px 32px;
}
.groups-wrapper .inner-wrapper .search-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 0px;
}
.groups-wrapper .inner-wrapper .search-section label {
  color: #0B393E;
  font-size: 14px;
}
.groups-wrapper .inner-wrapper .search-section button.create-new-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
}
.groups-wrapper .inner-wrapper .search-section button.create-new-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.groups-wrapper .inner-wrapper .search-section .search-box {
  width: 220px;
  position: relative;
  display: flex;
}
.groups-wrapper .inner-wrapper .search-section .search-box .search-input {
  width: 100%;
  height: 32px;
  padding: 5px;
  border: 2px solid #b5b5b5;
  border-radius: 4px 0 0 4px;
  border-right: none;
  outline: none;
  font-size: 14px;
  color: #0B393E;
  background: none;
  font-family: roche-sansregular;
  display: flex;
  justify-content: center;
  align-items: center;
}
.groups-wrapper .inner-wrapper .search-section .search-box .search-input:focus {
  border: 2px solid #1A818D;
  border-right: none;
}
.groups-wrapper .inner-wrapper .search-section .search-box .search-input:focus ~ .search-button {
  border: 2px solid #1A818D;
}
.groups-wrapper .inner-wrapper .search-section .search-box .search-input::-moz-placeholder {
  color: #8F8F8F;
}
.groups-wrapper .inner-wrapper .search-section .search-box .search-input::placeholder {
  color: #8F8F8F;
}
.groups-wrapper .inner-wrapper .search-section .search-box .search-button {
  padding: 3px 10px;
  background: transparent;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.groups-wrapper .inner-wrapper .search-section .search-box .cancel-button {
  padding: 3px 10px;
  background: transparent;
  border: 2px solid #1A818D;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  background: url(../images/CrossiConBlue.svg) no-repeat;
  background-position: center;
  background-size: 60%;
  padding-left: 15px;
}
.groups-wrapper .inner-wrapper .search-section .search-box .cross-button {
  padding: 3px 10px;
  background: transparent;
  border: 2px solid #b5b5b5;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.groups-wrapper .inner-wrapper .search-section .create-new-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
}
.groups-wrapper .inner-wrapper .search-section .create-new-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.groups-wrapper .inner-wrapper .search-section .create-new-btn a {
  color: #ffffff;
  text-decoration: none;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item.active > .accordion-header:after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.5s ease;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item {
  position: relative;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .category-delete-btn {
  position: absolute;
  right: 0;
  transform: translate(-25px, 22px);
  border: none;
  background: none;
  z-index: 99;
  cursor: pointer;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .faq-heading {
  display: flex;
  padding: 20px;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  border-radius: 8px 8px 0px 0px;
  border: 1px solid #E3E3E3;
  background: #FAFAFA;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .faq-heading .text-heading-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .faq-heading .text-heading-icon i.drag-icon {
  margin-right: 2.5rem;
  font-size: 14px;
  color: #1A818D;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .faq-heading .text-heading-icon img {
  margin-right: 2.5rem;
  width: 20px;
  height: auto;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .faq-heading .text-heading-icon h5 {
  color: #1A818D;
  font-size: 1rem;
  font-weight: 700;
  line-height: 18px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .level-one {
  position: relative;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .level-one .text-heading-icon {
  display: flex;
  align-items: center;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .level-one .text-heading-icon img {
  margin-right: 2.5rem;
  width: 20px;
  height: auto;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .level-one .text-heading-icon h5 {
  color: #1A818D;
  font-size: 1rem;
  font-weight: 700;
  line-height: 18px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .level-two {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .level-two .text-heading-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .level-two .text-heading-icon img {
  margin-right: 2rem;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .level-two .text-heading-icon h5 {
  color: #1A818D;
  font-size: 1rem;
  font-weight: 700;
  line-height: 18px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .level-two button {
  border: none;
  background: transparent;
  padding: 5px;
  color: #1A818D;
  cursor: pointer;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .accordion-header::after {
  position: absolute;
  content: "";
  top: 30px;
  left: 55px;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion__item .accordion-header::before {
  position: absolute;
  content: "";
  top: 30px;
  left: 55px;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 2px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion-body {
  background: #fff;
  color: #353535;
  display: none;
  padding: 2rem;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion-body .accordion__item {
  padding: 10px 0;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion-body .accordion__item.active:last-child .accordion-header {
  border-radius: none;
  cursor: pointer;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion-body .accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
  cursor: pointer;
  margin-bottom: 1rem;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion-body .accordion__item > .accordion-header::after {
  position: absolute;
  content: "";
  top: 10px;
  left: 40px;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion-body .accordion__item > .accordion-header::before {
  position: absolute;
  content: "";
  top: 10px;
  left: 40px;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 2px;
  background: #1A818D;
  border-radius: 3px;
  transition: all 0.5s ease;
}
.groups-wrapper .inner-wrapper .faq-tab-section .accordion-body .accordion__item.active > .accordion-header:after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.5s ease;
}
.groups-wrapper .inner-wrapper .faq-tab-section .p-20 {
  padding: 20px 20px 5px 50px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .border {
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
  background: #FFF;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
  margin: 0 auto;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table thead tr {
  background-color: #FAFAFA;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table thead tr th {
  padding: 20px;
  color: #1A818D;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table thead tr th:nth-child(1) {
  width: 180px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table thead tr th:nth-child(2) {
  width: 280px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table thead tr th:nth-child(3) {
  width: 300px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table thead tr th:nth-child(4) {
  width: 280px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table thead tr th:nth-child(5) {
  width: 180px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr:last-child {
  border-bottom: none;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td {
  padding: 20px;
  font-size: 14px;
  color: #0B393E;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td .edit-product-service {
  text-decoration: none;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td .edit-product-service i {
  font-size: 1rem;
  color: #1A818D;
  margin-right: 1rem;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td .group-product-delete-btn {
  text-decoration: none;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td .group-product-delete-btn i {
  font-size: 1rem;
  color: #D63301;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td .cta-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  margin-right: 10px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td .cta-btn img {
  margin: 0;
  padding: 0;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td .cta-btn:last-child {
  margin-right: 0;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td .tick_icon {
  margin: 0;
  padding: 0;
  margin-right: 8px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td img {
  margin: 0;
  padding: 0;
  margin-right: 8px;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td:nth-child(1) {
  display: table-cell;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td:nth-child(1) .drag-icon {
  margin-right: 8px;
  font-size: 14px;
  color: #1A818D;
}
.groups-wrapper .inner-wrapper .faq-tab-section .table-section .content-table tbody tr td:nth-child(1) img {
  margin: 0;
  padding: 0;
  margin-right: 4px;
  float: left;
  width: 20px;
}

article .form-no-label {
  display: none;
}

.customer-media-management .faq-edit-section .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  min-height: 100px;
  color: #0B393E;
}

/* CSS for Customer Media Management */
.notification-container {
  padding: 28px 32px;
}
.notification-container .inner-wrapper .tabbedPanels .tabs {
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 28px;
}
.notification-container .inner-wrapper .tabbedPanels .tabs li {
  margin: 0 1rem;
  width: auto;
  text-align: center;
  display: inline-flex;
  -webkit-box-pack: center;
  vertical-align: top;
  justify-content: flex-start;
  cursor: pointer;
}
.notification-container .inner-wrapper .tabbedPanels .tabs li:first-child {
  margin-left: 0;
}
.notification-container .inner-wrapper .tabbedPanels .tabs li a {
  color: #0B393E;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 0;
}
.notification-container .inner-wrapper .tabbedPanels .tabs li a.active {
  color: #1A818D;
  border-bottom: 2px solid #1A818D;
  font-weight: bold;
}
.notification-container .inner-wrapper .tabbedPanels .tabs li a span {
  text-transform: capitalize;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications {
  border-radius: 8px;
  border: 1px solid #e3e3e3;
  padding: 20px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .heading-section {
  margin-bottom: 1.5rem;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .heading-section h2 {
  color: #1A818D;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  display: flex;
  align-items: center;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .heading-section h2 i {
  font-size: 18px;
  padding-right: 12px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper {
  display: flex;
  justify-content: space-between;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .notification-list-section {
  margin-right: 2rem;
  flex: 70%;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .notification-list-section .list-wrapper {
  border-radius: 3px;
  border: 1px solid #E3E3E3;
  display: flex;
  justify-content: left;
  align-items: center;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .notification-list-section .list-wrapper ul {
  width: 100%;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .notification-list-section .list-wrapper ul li {
  list-style: none;
  color: #1A818D;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding: 16px 20px;
  border-bottom: 1px solid #E3E3E3;
  cursor: pointer;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .notification-list-section .list-wrapper ul li.active {
  background: #1A818D;
  color: #fff;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .notification-list-section .list-wrapper ul li:last-child {
  border-bottom: none;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .notification-list-section .list-wrapper ul li:hover {
  background: #1A818D;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section {
  width: 100%;
  position: relative;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section {
  width: 100%;
  height: 88%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section div P {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #0B393E;
  margin-bottom: 20px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section div P :last-child {
  margin-bottom: 0;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section div img {
  margin-bottom: 20px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview {
  width: 100%;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  margin-top: 10px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .header {
  display: flex;
  justify-content: space-between;
  background: var(--PrimaryColors-Primary_acWhite, #FFF);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 10px 18px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .header img {
  margin-bottom: 0;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .content-body {
  padding: 1rem;
  word-wrap: break-word;
  word-break: break-all;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .content-body .circle-image-section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem auto;
  height: 64px;
  width: 64px;
  background: #1A818D;
  border-radius: 50%;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .content-body .circle-image-section i {
  color: #fff;
  font-size: 28px;
  margin: 0;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .content-body .circle-image-section img {
  margin: 0;
  -o-object-fit: none;
     object-fit: none;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .content-body .text-content-section {
  width: 62%;
  margin: 0 auto;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .content-body .text-content-section p {
  color: #0B393E;
  font-family: "roche-sansregular";
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  word-break: keep-all;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .content-body .cta-section {
  margin-bottom: 1rem;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .content-body .cta-section label {
  display: block;
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-top: 1rem;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .content-body .cta-section .cta-btn {
  border-radius: 8px;
  padding: 10px 28px;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 150px;
  font-family: "roche-sansmedium";
  cursor: pointer;
  background: #1A818D;
  color: #fff;
  border: none;
  width: auto;
  margin-bottom: 1rem;
  cursor: default;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .footer .social-icon-section {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
  border-top: 1px solid #e3e3e3;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .footer .social-icon-section a {
  margin-right: 10px;
  display: flex;
  align-items: center;
  text-decoration: none;
  cursor: default;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .footer .social-icon-section a:nth-child(1) i {
  padding: 5px 8px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .footer .social-icon-section a:nth-child(2) i {
  padding: 5px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .footer .social-icon-section a:nth-child(3) i {
  padding: 5px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .footer .social-icon-section a:nth-child(4) i {
  padding: 5px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .footer .social-icon-section a:last-child {
  margin-right: 0;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .footer .social-icon-section a i.fa-brands {
  font-size: 16px;
  border: 2px solid #1A818D;
  border-radius: 50%;
  color: #1A818D;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .footer .social-icon-section a img {
  margin-bottom: 0;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .footer .copyright-section {
  background: #1A818D;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .mail-preview .footer .copyright-section p {
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  text-transform: capitalize;
  margin-bottom: 0;
  padding: 0.5rem 0;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .no-item-selected {
  padding: 1rem;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .mail-preview-section .no-item-selected i {
  font-size: 40px;
  color: #1A818D;
  margin-bottom: 20px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .button-section {
  position: absolute;
  right: 0;
  top: 0;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .button-section button {
  border: none;
  background: transparent;
  padding: 5px;
  color: #1A818D;
  cursor: pointer;
  padding: 0;
  width: 22px;
  height: 22px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .button-section button i {
  font-size: 16px;
  color: #1A818D;
  cursor: pointer;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .standardized-notifications .notification-wrapper .mail-preview-outer-section .button-section button img {
  width: 100%;
  height: auto;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section {
  margin: 15px 0 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .search-box {
  width: 220px;
  position: relative;
  display: flex;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .search-box .search-input {
  width: 100%;
  height: 32px;
  padding: 5px;
  border: 2px solid #b5b5b5;
  border-radius: 4px 0 0 4px;
  border-right: none;
  outline: none;
  font-size: 14px;
  color: #8F8F8F;
  background: none;
  font-family: "roche-sansregular";
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .search-box .search-input:focus {
  border: 2px solid #1A818D;
  border-right: none;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .search-box .search-input:focus ~ .search-button {
  border: 2px solid #1A818D;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .search-box .search-button {
  padding: 3px 10px;
  background: transparent;
  border: 2px solid #b5b5b5;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .search-box .search-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f002";
  display: inline-block;
  font-weight: 600;
  color: #1A818D;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .search-box .cross-button {
  padding: 3px 10px;
  background: transparent;
  border: 2px solid #b5b5b5;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .search-box .cross-button::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f057";
  display: inline-block;
  font-weight: 500;
  color: #1A818D;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .create-new-template {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
  padding: 10px 0px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .create-new-template:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .create-new-template a {
  text-decoration: none;
  color: #fff;
  padding: 10px 24px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .create-ref-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .create-ref-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .search-section .create-ref-btn a {
  text-decoration: none;
  color: #fff;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table thead tr {
  background-color: #FAFAFA;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table thead tr th {
  padding: 20px;
  color: #1A818D;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table thead tr th:nth-child(1) {
  width: 180px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table thead tr th:nth-child(2) {
  width: 280px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table thead tr th:nth-child(3) {
  width: 300px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table thead tr th:nth-child(4) {
  width: 280px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table thead tr th:nth-child(5) {
  width: 180px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr:last-child {
  border-bottom: none;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td {
  padding: 20px;
  font-size: 14px;
  color: #0B393E;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td .cta-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  margin-right: 1rem;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td .cta-btn .edit-node i {
  font-size: 16px;
  color: #1A818D;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td .cta-btn .duplicate-node i {
  font-size: 16px;
  color: #1A818D;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td .cta-btn .delete-node i {
  font-size: 16px;
  color: #D63301;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td .cta-btn img {
  margin: 0;
  padding: 0;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td .cta-btn:last-child {
  margin-right: 0;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td .tick_icon {
  margin: 0;
  padding: 0;
  margin-right: 8px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td img {
  margin: 0;
  padding: 0;
  margin-right: 8px;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td:nth-child(1) {
  display: flex;
  align-items: center;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td:nth-child(1) i {
  font-size: 16px;
  margin-right: 6px;
  color: #2E7D32;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td:nth-child(1) i.fa-spinner {
  color: #2E7D32;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td:nth-child(1) i.fa-file-lines {
  color: #FFC107;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td:nth-child(1) i.fa-rotate-right {
  color: #1A818D;
}
.notification-container .inner-wrapper .tabbedPanels .panelContainer .panel .custom-notifications .table-section .content-table tbody tr td:nth-child(2) {
  color: #5C5C5C;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section {
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  padding: 20px;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section {
  width: 50%;
  margin-right: 2rem;
}
@media screen and (min-width: 1920px) {
  .notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section {
    width: auto;
  }
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form-managed-file {
  display: flex !important;
  align-items: center;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form-managed-file a {
  color: #0B393E;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form-managed-file .js-form-submit {
  background: url(../images/bin.svg) no-repeat;
  width: 20px;
  height: 20px;
  border: none;
  box-sizing: border-box;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  cursor: pointer;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref {
  position: relative;
  display: block;
  padding-top: 15px;
  margin-bottom: 15px;
  text-align: left;
  width: 410px;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 100%;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref .form__field:focus {
  border: 2px solid #1A818D;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref .upload__field {
  padding-top: 8px;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref label {
  position: absolute;
  top: 8px;
  display: block;
  width: auto;
  font-size: 12px;
  line-height: 15px;
  left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0B393E;
  background: #ffffff;
  padding: 0 5px;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref label:nth-child(0) {
  top: 30%;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref .form__field::-moz-placeholder {
  color: transparent;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref .form__field::placeholder {
  color: transparent;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref .form__field:focus ~ label {
  color: #1A818D;
  transition: 0.5s ease all;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref #image-error-msg {
  padding-top: 0;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref .validation-msg {
  position: absolute;
  margin-top: 3px;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref .validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .form_group_ref .validation-msg p img {
  padding-right: 5px;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .btn-section {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .btn-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .btn-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .btn-section .save-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .left-section .btn-section .save-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .right-section {
  width: 100%;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .right-section .text-heading {
  margin-bottom: 1rem;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .right-section .text-heading h5 {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .right-section .html-editor {
  margin-bottom: 1rem;
}
.notification-container .inner-wrapper .notification-edit-section .inner-edit-section .body-content-section .right-section .html-editor .ck.ck-editor__main > .ck-editor__editable {
  min-height: 100px;
  word-wrap: break-word;
  word-break: break-all;
}

.create-custom-notification {
  padding: 20px 32px;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper {
  display: flex;
  margin-bottom: 1rem;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset legend {
  display: none;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper {
  width: 100%;
  display: flex;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-template-type {
  display: flex;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-template-type .js-form-item {
  margin-right: 1rem;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-template-type .js-form-item input {
  display: none;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-template-type .js-form-item input + .option {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 8px;
  color: #0B393E;
  width: 100%;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-template-type .js-form-item input + .option::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #1A818D;
  background: #ffffff;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-template-type .js-form-item input + .option::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #1A818D;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 4px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-template-type .js-form-item input + .is-disable::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #E3E3E3;
  background: #ffffff;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-template-type .js-form-item input + .is-disable::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #E3E3E3;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 4px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-template-type .js-form-item input:checked + .option::after {
  opacity: 1;
  transform: scale(1, 1);
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-selected-template-type {
  display: flex;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-selected-template-type .js-form-item {
  margin-right: 1rem;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-selected-template-type .js-form-item input {
  display: none;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-selected-template-type .js-form-item input + .option {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 8px;
  color: #5C5C5C;
  width: 100%;
  cursor: not-allowed;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-selected-template-type .js-form-item input + .option::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #E3E3E3;
  background: #ffffff;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-selected-template-type .js-form-item input + .option::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #E3E3E3;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 4px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper fieldset .fieldset-wrapper #edit-selected-template-type .js-form-item input:checked + .option::after {
  opacity: 1;
  transform: scale(1, 1);
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper .radio {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
  margin-right: 1rem;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper .radio input {
  display: none;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper .radio input + span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 8px;
  color: #0B393E;
  width: 100%;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper .radio input + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #1A818D;
  background: #ffffff;
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper .radio input + span::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #1A818D;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 4px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.create-custom-notification .inner-wrapper .custom-radio-wrapper .radio input:checked + span::after {
  opacity: 1;
  transform: scale(1, 1);
}
.create-custom-notification .inner-wrapper .inner-edit-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  border-radius: 8px;
  border: 1px solid #E3E3E3;
  padding: 20px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section {
  width: 50%;
  margin-right: 3rem;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.4rem;
  width: 410px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown label {
  color: #0B393E;
  font-size: 14px;
  display: block;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdownlabel {
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0B393E;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input {
  display: none;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #0B393E;
  width: 100%;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #1A818D;
  background: #ffffff;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input + span:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #1A818D;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 4px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .ruleform .radio input:checked + span:after {
  opacity: 1;
  transform: scale(1, 1);
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox input + span {
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
  color: #0B393E;
  width: 100%;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox input + span:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #1A818D;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox input:checked + span:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid #1A818D;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox.is-disabled input + span {
  cursor: not-allowed;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox.is-disabled input + span::before {
  border: 2px solid #b5b5b5;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown .dropdown .checkform .checkbox.is-disabled input:checked + span:after {
  border: solid #5C5C5C;
  border-width: 0 2px 2px 0;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown.is-disabled {
  background: #F6F6F6 !important;
  cursor: not-allowed;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .wrapper-dropdown.is-disabled::before {
  color: #E3E3E3;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .min-max-input-section {
  min-width: 285px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .min-max-input-section input {
  width: 100px;
  padding: 8px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  color: #5C5C5C;
  font-size: 14px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .calendar-input {
  position: relative;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .calendar-input input {
  display: inline-block;
  font-size: 14px;
  min-width: 285px;
  width: 285px;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
  cursor: pointer;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .calendar-input input::-moz-placeholder {
  color: #8F8F8F;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .calendar-input input::placeholder {
  color: #8F8F8F;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .calendar-input i#cal-icon {
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 18px;
  color: #1A818D;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .input-text input[type=text] {
  display: inline-block;
  font-size: 14px;
  min-width: 285px;
  width: 285px;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .type-dropdown .input-text input[type=text]:focus {
  border: 2px solid #1A818D;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref {
  position: relative;
  margin-bottom: 20px;
  text-align: left;
  width: 410px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref div:first-child {
  width: 100%;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref div:first-child .js-form-item-notification-file {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref div:first-child .js-form-item-notification-file label {
  color: #0B393E;
  font-size: 14px;
  align-self: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref div:first-child .js-form-item-notification-file .upload__field {
  width: 285px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref div:first-child .js-form-item-notification-file .upload__field input[type=file] {
  font-size: 11px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form__label {
  color: #0B393E;
  font-size: 14px;
  align-self: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form-item-page-name {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form-item-page-name .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 285px;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form-item-page-name .form__field:focus {
  border: 2px solid #1A818D;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form-item-page-name .form__field:focus ~ label {
  color: #1A818D;
  transition: 0.5s ease all;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form-item-page-name .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form-item-page-name .form__field::placeholder {
  color: #8F8F8F;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form-item-page-name label {
  color: #0B393E;
  font-size: 14px;
  align-self: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  width: 285px;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
  margin-bottom: 0;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form__field:focus {
  border: 2px solid #1A818D;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form__field::-moz-placeholder {
  color: #8F8F8F;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form__field::placeholder {
  color: #8F8F8F;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form__field .file a {
  color: #1A818D;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 130px;
  display: block;
  margin-right: 5px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form__field span {
  font-size: 14px;
  color: #1A818D;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form__field .form-submit {
  background: transparent;
  cursor: pointer;
  color: #1A818D;
  margin-left: 8px;
  border: none;
  background: transparent;
  background-image: url(/themes/custom/rocfr/images/DeleteIcon.svg);
  background-repeat: no-repeat;
  background-size: auto;
  width: 14px;
  height: 18px;
  background-position: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form__field__upload {
  padding-top: 8px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .js-form-item-link {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .js-form-item-link label {
  font-size: 14px;
  color: #0B393E;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .upload__field {
  display: flex;
  align-items: center;
  padding-top: 0;
  justify-content: start;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .validation-msg {
  position: absolute;
  margin-top: 3px;
  width: 100%;
  bottom: -10px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .validation-msg p {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .validation-msg p img {
  padding-right: 5px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .sap-validation-msg p {
  margin-top: 4px;
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #D63301;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .sap-validation-msg p img {
  padding-right: 5px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form-item-notification-customer-sap-id {
  display: flex;
  align-items: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form-item-notification-customer-sap-id .form__field {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  padding: 0 0 0 12px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  height: 40px;
  width: 285px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form-item-notification-customer-sap-id .form__field:focus {
  border: 2px solid #1A818D;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form-item-notification-customer-sap-id label {
  color: #0B393E;
  font-size: 14px;
  align-self: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref .form-item-notification-customer-sap-id .form-textarea {
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: #0B393E;
  border: 2px solid #b5b5b5;
  outline: none;
  padding: 9px 10px;
  box-shadow: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
  width: 285px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref #ajax-wrapper {
  width: 100%;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref #ajax-wrapper .js-form-item-notification-file {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .form_group_ref #ajax-wrapper .js-form-item-notification-file label {
  color: #0B393E;
  font-size: 14px;
  align-self: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .text-center {
  width: 100%;
  text-align: center;
  margin: 0 0 20px 0;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .btn-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  width: 410px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .btn-section .cancel-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  background: transparent;
  color: #1A818D;
  border: 2px solid #1A818D;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  width: 152px;
  text-align: center;
  width: auto;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .btn-section .cancel-btn:hover {
  transition: 0.1s ease-in all;
  border-color: #1E98A6;
  color: #1E98A6;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .btn-section .save-btn {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: 152px;
  text-align: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section .btn-section .save-btn:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section.is-disabled {
  background: #F6F6F6 !important;
  cursor: not-allowed !important;
}
.create-custom-notification .inner-wrapper .inner-edit-section .left-section.is-disabled::before {
  color: #E3E3E3;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section {
  width: 100%;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .heading {
  margin-bottom: 0.8rem;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .heading label {
  color: #1A818D;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section {
  border-radius: 4px;
  border: 1px solid #E3E3E3;
  padding: 1rem;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .subject-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .subject-header .header-text {
  display: flex;
  align-items: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .subject-header .header-text i {
  margin-right: 12px;
  font-size: 18px;
  color: #1A818D;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .subject-header .header-text h4 {
  color: #0B393E;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .subject-header .time-date span {
  color: #5C5C5C;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .subject-header .time-date span::after {
  content: "|";
  margin: 0 0.2rem;
  padding-left: 0.2rem;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .subject-header .time-date span:last-child::after {
  content: "";
  margin: 0;
  padding-left: 0;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .title {
  margin-bottom: 1rem;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .title label {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .content-body p {
  color: #0B393E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 0.5rem;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .btn-section {
  text-align: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .btn-section button {
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: "roche-sansmedium";
  font-weight: normal;
  cursor: pointer;
  background: #1A818D;
  color: #ffffff;
  border: none;
  width: auto;
  text-align: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .btn-section button:hover {
  transition: 0.1s ease-in all;
  background: #1E98A6;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .btn-section button a {
  text-decoration: none;
  color: #fff;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .child-section {
  width: 100%;
  height: 400px;
  overflow: auto;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .child-section::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .child-section::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .child-section::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section .child-section .image-section img {
  width: 100%;
  height: auto;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .template-preview-section img {
  width: auto;
  max-width: 100%;
  height: auto;
  text-align: center;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .html-editor {
  margin-bottom: 1rem;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .html-editor .ck.ck-editor__main > .ck-editor__editable {
  min-height: 250px;
  word-wrap: break-word;
  word-break: break-all;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .html-editor .ck.ck-editor__main > .ck-editor__editable::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .html-editor .ck.ck-editor__main > .ck-editor__editable::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.create-custom-notification .inner-wrapper .inner-edit-section .right-section .html-editor .ck.ck-editor__main > .ck-editor__editable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}

/* Related to ITR-561, dated 23 April 2024 */
.no-title .ui-dialog-titlebar,
.no-title .ui-dialog-titlebar-close {
  display: none;
}

.p-1 {
  padding: 0 1rem;
}

.contract-log-modal {
  max-width: 90% !important;
  max-height: 95% !important;
  height: 86% !important;
  width: 100% !important;
  overflow: hidden !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 8px !important;
  border: none !important;
}
.contract-log-modal #drupal-modal {
  padding: 0 !important;
  height: 100%;
  max-height: inherit !important;
  min-height: inherit !important;
}
.contract-log-modal .modal-container .modal-header {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contract-log-modal .modal-container .modal-header > div {
  display: inline-flex;
}
.contract-log-modal .modal-container .modal-header > div h5 {
  font-size: 20px;
  font-weight: normal;
  font-family: "roche-sansmedium";
  color: #1A818D;
  margin-right: 2rem;
}
.contract-log-modal .modal-container .modal-header > div h5::after {
  content: "|";
  position: absolute;
  color: #1A818D;
  padding-left: 1rem;
  font-size: 18px;
}
.contract-log-modal .modal-container .modal-header > div h5:last-child {
  margin-right: 0;
}
.contract-log-modal .modal-container .modal-header > div h5:last-child::after {
  content: "";
}
.contract-log-modal .modal-container .modal-header span.close-button i {
  font-size: 18px;
  color: #1A818D;
  cursor: pointer;
}
.contract-log-modal .modal-container .table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.contract-log-modal .modal-container .table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
  table-layout: fixed;
}
.contract-log-modal .modal-container .table-section .content-table thead tr {
  background-color: #fafafa;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
  display: block;
  width: 100%;
}
.contract-log-modal .modal-container .table-section .content-table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
}
.contract-log-modal .modal-container .table-section .content-table thead tr th:nth-child(1) {
  width: 185px;
}
.contract-log-modal .modal-container .table-section .content-table thead tr th:nth-child(2) {
  width: 220px;
}
.contract-log-modal .modal-container .table-section .content-table thead tr th:nth-child(3) {
  width: 320px;
}
.contract-log-modal .modal-container .table-section .content-table thead tr th:nth-child(4) {
  width: 220px;
}
.contract-log-modal .modal-container .table-section .content-table thead tr th:nth-child(5) {
  width: 220px;
}
.contract-log-modal .modal-container .table-section .content-table thead tr th:nth-child(6) {
  width: 100px;
}
.contract-log-modal .modal-container .table-section .content-table tbody {
  display: block;
  overflow: auto;
  height: 365px;
}
.contract-log-modal .modal-container .table-section .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  display: block;
  border-collapse: collapse;
}
.contract-log-modal .modal-container .table-section .content-table tbody tr td {
  padding: 18px 15px;
}
.contract-log-modal .modal-container .table-section .content-table tbody tr td:nth-child(1) {
  width: 185px;
}
.contract-log-modal .modal-container .table-section .content-table tbody tr td:nth-child(2) {
  width: 220px;
}
.contract-log-modal .modal-container .table-section .content-table tbody tr td:nth-child(3) {
  width: 320px;
}
.contract-log-modal .modal-container .table-section .content-table tbody tr td:nth-child(4) {
  width: 220px;
  overflow: hidden;
  word-break: break-word;
}
.contract-log-modal .modal-container .table-section .content-table tbody tr td:nth-child(5) {
  width: 220px;
  overflow: hidden;
  word-break: break-word;
}
.contract-log-modal .modal-container .table-section .content-table tbody tr td:nth-child(6) {
  width: 100px;
}
.contract-log-modal .modal-container .table-section .content-table tbody tr td span {
  display: flex;
  align-items: center;
}
.contract-log-modal .modal-container .table-section .content-table tbody tr td span img {
  padding-right: 5px;
}
.contract-log-modal .modal-container .table-section .content-table tbody tr td .tick-img {
  margin-right: 4px;
}
.contract-log-modal .modal-container .table-section .content-table tbody::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.contract-log-modal .modal-container .table-section .content-table tbody::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.contract-log-modal .modal-container .table-section .content-table tbody::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}

.all-contract-modal {
  max-width: 90% !important;
  max-height: 95% !important;
  height: 86% !important;
  width: 100% !important;
  overflow: hidden !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 8px !important;
  border: none !important;
}
.all-contract-modal #drupal-modal {
  padding: 0 !important;
  height: 100%;
  max-height: inherit !important;
  min-height: inherit !important;
}
.all-contract-modal .modal-container .modal-header {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.all-contract-modal .modal-container .modal-header h5 {
  font-size: 20px;
  font-weight: normal;
  font-family: "roche-sansmedium";
  color: #1A818D;
  margin-right: 2rem;
}
.all-contract-modal .modal-container .modal-header .close-button i {
  color: #1A818D;
  cursor: pointer;
  font-size: 18px;
}
.all-contract-modal .modal-container .modal-header span img {
  cursor: pointer;
}
.all-contract-modal .modal-container .table-section {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}
.all-contract-modal .modal-container .table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
  table-layout: fixed;
}
.all-contract-modal .modal-container .table-section .content-table thead tr {
  background-color: #fafafa;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
  display: block;
  width: 100%;
}
.all-contract-modal .modal-container .table-section .content-table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
}
.all-contract-modal .modal-container .table-section .content-table thead tr th:nth-child(1) {
  width: 190px;
}
.all-contract-modal .modal-container .table-section .content-table thead tr th:nth-child(2) {
  width: 220px;
}
.all-contract-modal .modal-container .table-section .content-table thead tr th:nth-child(3) {
  width: 320px;
}
.all-contract-modal .modal-container .table-section .content-table thead tr th:nth-child(4) {
  width: 220px;
}
.all-contract-modal .modal-container .table-section .content-table thead tr th:nth-child(5) {
  width: 220px;
}
.all-contract-modal .modal-container .table-section .content-table thead tr th:nth-child(6) {
  width: 80px;
}
.all-contract-modal .modal-container .table-section .content-table tbody {
  display: block;
  overflow: auto;
  height: 370px;
}
.all-contract-modal .modal-container .table-section .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.all-contract-modal .modal-container .table-section .content-table tbody tr td {
  padding: 18px 15px;
}
.all-contract-modal .modal-container .table-section .content-table tbody tr td:nth-child(1) {
  width: 190px;
}
.all-contract-modal .modal-container .table-section .content-table tbody tr td:nth-child(2) {
  width: 220px;
}
.all-contract-modal .modal-container .table-section .content-table tbody tr td:nth-child(3) {
  width: 320px;
}
.all-contract-modal .modal-container .table-section .content-table tbody tr td:nth-child(4) {
  width: 220px;
}
.all-contract-modal .modal-container .table-section .content-table tbody tr td:nth-child(5) {
  width: 220px;
}
.all-contract-modal .modal-container .table-section .content-table tbody tr td span {
  display: flex;
  align-items: center;
}
.all-contract-modal .modal-container .table-section .content-table tbody tr td span img {
  padding-right: 5px;
}
.all-contract-modal .modal-container .table-section .content-table tbody tr td .tick-img {
  margin-right: 4px;
}
.all-contract-modal .modal-container .table-section .content-table tbody::-webkit-scrollbar-track {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #ffffff;
}
.all-contract-modal .modal-container .table-section .content-table tbody::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}
.all-contract-modal .modal-container .table-section .content-table tbody::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #1A818D;
  background-color: #1A818D;
}

.custom-modal-dialog {
  width: auto !important;
  max-width: 90% !important;
  height: auto !important;
  max-height: 90% !important;
  overflow: hidden !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  border-radius: 12px !important;
}

.modal-change {
  height: 380px;
  width: auto;
}

/* CSS given by Rohit dated 7th May 2024 */
article {
  display: none;
}
article .form-no-label {
  display: none;
}

.reports-analytics-wrapper {
  padding: 28px 32px;
}
.reports-analytics-wrapper .inner-wrapper .text-heading {
  color: #1A818D;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}
.reports-analytics-wrapper .inner-wrapper label {
  color: #1A818D;
  font-family: "roche-sansregular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.reports-analytics-wrapper .inner-wrapper .filter-section {
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.4rem;
  margin-right: 1rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1920px) {
  .reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown {
    width: 500px;
  }
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown label {
  color: #0B393E;
  font-size: 14px;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .calendar-input {
  position: relative;
  width: 230px;
  margin-left: 1rem;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .calendar-input input {
  display: inline-block;
  font-size: 14px;
  min-width: 230px;
  padding: 9px 10px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  color: #0B393E;
  cursor: pointer;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .calendar-input input::-moz-placeholder {
  color: #8F8F8F;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .calendar-input input::placeholder {
  color: #8F8F8F;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .calendar-input i {
  position: absolute;
  top: 10px;
  right: 12px;
  cursor: pointer;
  font-size: 18px;
  color: #1A818D;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .calendar-input img {
  position: absolute;
  top: 8px;
  right: 12px;
  cursor: pointer;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .placeholder-value-text {
  width: 285px;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .select-box {
  margin-left: 1rem;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .select-box .wrapper-dropdown {
  min-width: 230px;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .select-box .wrapper-dropdown .ruleform {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .select-box .wrapper-dropdown .ruleform .radio {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .select-box .wrapper-dropdown .ruleform .radio input {
  display: none;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .select-box .wrapper-dropdown .ruleform .radio input + span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #5C5C5C;
  width: 100%;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .select-box .wrapper-dropdown .ruleform .radio input + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #1A818D;
  background: #ffffff;
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .select-box .wrapper-dropdown .ruleform .radio input + span::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #1A818D;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 4px;
  opacity: 0;
  transform: scale(0, 0);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.reports-analytics-wrapper .inner-wrapper .filter-section .type-dropdown .select-box .wrapper-dropdown .ruleform .radio input:checked + span::after {
  opacity: 1;
  transform: scale(1, 1);
}
.reports-analytics-wrapper .inner-wrapper .table-section {
  width: 100%;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  margin-top: 1rem;
}
.reports-analytics-wrapper .inner-wrapper .table-section .content-table {
  min-width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-collapse: collapse;
}
.reports-analytics-wrapper .inner-wrapper .table-section .content-table thead tr {
  background-color: #FAFAFA;
  color: #5C5C5C;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #E3E3E3;
}
.reports-analytics-wrapper .inner-wrapper .table-section .content-table thead tr th {
  padding: 18px 15px;
  font-size: 14px;
  color: #1A818D;
}
.reports-analytics-wrapper .inner-wrapper .table-section .content-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  border-collapse: collapse;
}
.reports-analytics-wrapper .inner-wrapper .table-section .content-table tbody tr td {
  padding: 18px 15px;
  color: #0B393E;
}
.reports-analytics-wrapper .inner-wrapper .table-section .content-table tbody tr td a {
  color: #1A818D;
}
.reports-analytics-wrapper .inner-wrapper .table-section .content-table tbody tr td a i {
  font-size: 16px;
}
.reports-analytics-wrapper .inner-wrapper .table-section .content-table tbody tr td:nth-child(1) {
  width: 300px;
}
@media screen and (min-width: 1920px) {
  .reports-analytics-wrapper .inner-wrapper .table-section .content-table tbody tr td:nth-child(1) {
    width: 300px;
  }
}
.reports-analytics-wrapper .inner-wrapper .table-section .content-table tbody tr td:nth-child(2) {
  width: 140px;
}/*# sourceMappingURL=style.css.map */