.cftf-form-conatiner {
  background-color: white;
  text-align: left;
  font-size: 16px;


  .bg-default {
    background-color: #38598a !important;
    border: #38598a !important;
    color: white !important;
  }

  .cft-not-selected {
    border: 3px solid #b3b3b3;
    padding: 10px;
    color: #b3b3b3;
    width: 98%;
    margin-bottom: 2%;
  }

}

.cft-form-submission {
  background-color: white;
  text-align: left;
  font-size: 16px;
  font-family: inherit;

  .bg-default {
    background-color: #38598a !important;
    border: #38598a !important;
    color: white !important;
  }
}

.cft-form-list-paginate {
  display: flex;
  justify-content: center !important;
  margin-top: 15px;
}

//TODO Remove this when Semantic UI css is removed. Semantic UI css override formio css tooltip
 
[data-tooltip]:before {
  visibility: unset !important;
  position: initial !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: pointer !important;
  // content is overiding as  empty string in integrated system,
  // below coded added to fix the issue in integrated system
  content: "\f059" !important;
  color: #2780e3;
}

[data-tooltip]:after {
  opacity: 0 !important;
}

.tooltip-inner {
  background-color: white;
  color: black;
  box-shadow: 1px 1px 1px 1px #272727;
}

.cft-actionable-container .tab-content {
  overflow: hidden;
}

.choices__list--dropdown .choices__list{
  overflow: unset !important;
}

.is-open .choices__list--dropdown{
  overflow-y: auto !important;
}