.crudPage h2.page-header {
  margin-bottom: 15px;
  text-align: center; }

.crudPage form {
  padding: 30px;
  background-color: #ffffff;
  box-shadow: 0 10px 50px 0 rgba(172, 189, 203, 0.5);
  margin-bottom: 50px; }
  .crudPage form .form-section-header {
    border-bottom: 2px solid #ccc;
    margin-bottom: 15px; }
    .crudPage form .form-section-header h3 {
      display: inline-block;
      margin-bottom: -2px;
      border-bottom: 2px solid #000000;
      padding-bottom: 10px;
      font-size: 22px; }
  .crudPage form .form-group {
    position: relative; }
    .crudPage form .form-group .form-label {
      width: 100%; }
    .crudPage form .form-group .btn-link {
      color: #2ab26f;
      transition: 0.3s; }
      .crudPage form .form-group .btn-link:hover {
        color: #000000; }
    .crudPage form .form-group.radioBtnGroup {
      margin-bottom: 0px !important; }
      .crudPage form .form-group.radioBtnGroup .form-check.radioBtns {
        padding-left: 12px;
        margin-bottom: 1.2rem; }
        .crudPage form .form-group.radioBtnGroup .form-check.radioBtns .form-check-label {
          margin-bottom: 0; }
          .crudPage form .form-group.radioBtnGroup .form-check.radioBtns .form-check-label + .form-check-label {
            margin-left: 20px; }
        .crudPage form .form-group.radioBtnGroup .form-check.radioBtns label.error {
          position: absolute;
          left: 12px;
          bottom: 2px; }
    .crudPage form .form-group .bootstrap-tagsinput {
      width: 100%; }
      .crudPage form .form-group .bootstrap-tagsinput span {
        background-color: #2ab26f;
        background: linear-gradient(130deg, #2ab26f 0%, #0084ba 100%);
        padding: 1px 5px;
        border-radius: 5px; }
  .crudPage form .imgBanner .imagePreview, .crudPage form .imgBanner .preview, .crudPage form .videoBanner .imagePreview, .crudPage form .videoBanner .preview, .crudPage form .docBanner .imagePreview, .crudPage form .docBanner .preview {
    height: 250px;
    display: inline-flex;
    width: 100%;
    background-color: #ccc;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat; }
    .crudPage form .imgBanner .imagePreview.bannerUploaded, .crudPage form .imgBanner .preview.bannerUploaded, .crudPage form .videoBanner .imagePreview.bannerUploaded, .crudPage form .videoBanner .preview.bannerUploaded, .crudPage form .docBanner .imagePreview.bannerUploaded, .crudPage form .docBanner .preview.bannerUploaded {
      background-color: transparent; }
      .crudPage form .imgBanner .imagePreview.bannerUploaded span, .crudPage form .imgBanner .preview.bannerUploaded span, .crudPage form .videoBanner .imagePreview.bannerUploaded span, .crudPage form .videoBanner .preview.bannerUploaded span, .crudPage form .docBanner .imagePreview.bannerUploaded span, .crudPage form .docBanner .preview.bannerUploaded span {
        display: none; }
  .crudPage form .imgBanner a.docPreview, .crudPage form .videoBanner a.docPreview, .crudPage form .docBanner a.docPreview {
    display: inline-flex;
    width: 100%;
    height: 100px;
    align-items: center;
    justify-content: center;
    background-color: #ccc;
    color: #000;
    cursor: default;
    pointer-events: none; }
    .crudPage form .imgBanner a.docPreview i.fa, .crudPage form .videoBanner a.docPreview i.fa, .crudPage form .docBanner a.docPreview i.fa {
      display: none;
      font-size: 80px; }
    .crudPage form .imgBanner a.docPreview.uploaded, .crudPage form .videoBanner a.docPreview.uploaded, .crudPage form .docBanner a.docPreview.uploaded {
      cursor: pointer;
      pointer-events: initial; }
      .crudPage form .imgBanner a.docPreview.uploaded span, .crudPage form .videoBanner a.docPreview.uploaded span, .crudPage form .docBanner a.docPreview.uploaded span {
        display: none; }
      .crudPage form .imgBanner a.docPreview.uploaded i, .crudPage form .videoBanner a.docPreview.uploaded i, .crudPage form .docBanner a.docPreview.uploaded i {
        display: inline-block; }
  .crudPage form .imgBanner label.form-label, .crudPage form .videoBanner label.form-label, .crudPage form .docBanner label.form-label {
    width: 100%; }
    .crudPage form .imgBanner label.form-label .btn, .crudPage form .videoBanner label.form-label .btn, .crudPage form .docBanner label.form-label .btn {
      width: 100%; }
  .crudPage form .imgBanner .btn, .crudPage form .videoBanner .btn, .crudPage form .docBanner .btn {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; }
  .crudPage form label.toggle-label-quest {
    margin-bottom: 15px; }
  .crudPage form label.form-check-label {
    padding-left: 20px;
    margin-bottom: 15px; }
  .crudPage form video {
    width: 100%; }
  .crudPage form .file-upload-label {
    position: relative; }
    .crudPage form .file-upload-label .imgUploader, .crudPage form .file-upload-label .videoUploader, .crudPage form .file-upload-label .docUploader {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer; }
  .crudPage form .o-switch {
    width: 78px; }
    @media (min-width: 768px) {
      .crudPage form .o-switch {
        position: absolute;
        right: 5px;
        top: 0px; } }
    .crudPage form .o-switch input {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      opacity: 0;
      cursor: pointer; }
      .crudPage form .o-switch input:checked + .toggle {
        background: linear-gradient(130deg, #2ab26f 0%, #0084ba 100%); }
        .crudPage form .o-switch input:checked + .toggle:before {
          left: auto;
          right: 2px; }
        .crudPage form .o-switch input:checked + .toggle .on {
          display: block;
          opacity: 1; }
        .crudPage form .o-switch input:checked + .toggle .off {
          display: none;
          opacity: 0; }
    .crudPage form .o-switch .toggle {
      position: relative;
      display: block;
      width: 78px;
      height: 1.875rem;
      background: #666;
      border-radius: 50px !important;
      margin: 0; }
      .crudPage form .o-switch .toggle:before {
        position: absolute;
        top: 2px;
        left: 2px;
        z-index: 1;
        display: block;
        width: 1.625rem;
        height: 1.625rem;
        content: "";
        background: #fff;
        border-radius: 50%;
        transition: 0.3s; }
      .crudPage form .o-switch .toggle .on, .crudPage form .o-switch .toggle .off {
        font-weight: bold;
        line-height: 1.625rem;
        color: #fff;
        cursor: default;
        opacity: 0;
        position: absolute;
        transition: 0.3s;
        top: 2px; }
      .crudPage form .o-switch .toggle .on {
        left: 10px;
        display: none; }
      .crudPage form .o-switch .toggle .off {
        right: 10px;
        display: block;
        opacity: 1; }
  .crudPage form .customPaymentSection {
    position: relative; }
    .crudPage form .customPaymentSection .paymentToggleBtn {
      position: absolute !important;
      width: 99px;
      top: 0;
      right: -10px;
      z-index: 2; }

.crudPage #itemAccordion {
  padding: 30px;
  background-color: #ffffff;
  box-shadow: 0 10px 50px 0 rgba(172, 189, 203, 0.5);
  margin-bottom: 50px; }
  @media (max-width: 991.98px) {
    .crudPage #itemAccordion {
      margin-bottom: 30px; } }
  .crudPage #itemAccordion .accordionHeaderToggleBtns {
    padding-bottom: 2px;
    margin-bottom: 15px;
    border-bottom: 2px solid #000000; }
    .crudPage #itemAccordion .accordionHeaderToggleBtns .customAccordion {
      text-transform: uppercase;
      font-size: 0.95rem;
      color: #ffffff;
      padding-bottom: 10px;
      margin-bottom: -2px;
      cursor: pointer;
      font-weight: normal;
      padding: 15px 10px 12px;
      padding-left: 15.5px !important;
      position: relative;
      border: solid 1px #a3a3a3;
      background: linear-gradient(130deg, #2ab26f 0%, #0084ba 100%);
      display: inline-block;
      transition: 0.3s; }
      .crudPage #itemAccordion .accordionHeaderToggleBtns .customAccordion:after {
        content: " ";
        position: absolute;
        left: calc(100% + -5px);
        width: 15px;
        height: calc(100% + 2px);
        background: #0084ba;
        top: -1px;
        border: solid 1px #a3a3a3;
        border-left: none;
        transform: skewX(12deg);
        z-index: 1;
        transition: 0.3s; }
      .crudPage #itemAccordion .accordionHeaderToggleBtns .customAccordion:not(.collapsed) {
        background: #ffffff;
        color: #2ab26f;
        pointer-events: none; }
        .crudPage #itemAccordion .accordionHeaderToggleBtns .customAccordion:not(.collapsed):after {
          background: #ffffff; }
  .crudPage #itemAccordion form {
    padding: 0px;
    box-shadow: none;
    margin: 0; }
  .crudPage #itemAccordion.mulipleBtns {
    padding: 20px; }
    .crudPage #itemAccordion.mulipleBtns .accordionHeaderToggleBtns .customAccordion {
      font-size: 0.8rem;
      padding: 15px 5px 12px;
      padding-left: 10px !important; }