/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
.ci-tf-sources-tab-item {
  margin-top: 10px;
}

.ci-tf-sources-tab-item label {
  font-size: 14px;
}

.ci-tf-sources-tab-item input[type=text] {
  font-size: 14px;
}

.ci-tf-sources-tab-item .sources-tab-error-message {
  margin-bottom: 10px;
}

.ci-tf-sources-tab-item .repo-selector-section {
  width: 50%;
  vertical-align: top;
  margin: 0 0 15px 0;
}

.ci-tf-sources-tab-item .project-selector-section, .ci-tf-sources-tab-item .branch-selector-section {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 15px 0;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.ci-tf-sources-tab-item .project-selector-section .filtered-list-dropdown-menu .selected-item-text, .ci-tf-sources-tab-item .branch-selector-section .filtered-list-dropdown-menu .selected-item-text {
  max-width: 90%;
}

.ci-tf-sources-tab-item .project-selector-section .filtered-list-dropdown-menu, .ci-tf-sources-tab-item .branch-selector-section .filtered-list-dropdown-menu {
  height: 32px;
  padding: 3px 5px;
  position: relative;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.ci-tf-sources-tab-item .project-selector-section .filtered-list-dropdown-menu:hover, .ci-tf-sources-tab-item .project-selector-section .filtered-list-dropdown-menu.menu-opened, .ci-tf-sources-tab-item .branch-selector-section .filtered-list-dropdown-menu:hover, .ci-tf-sources-tab-item .branch-selector-section .filtered-list-dropdown-menu.menu-opened {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  outline: none;
}

.ci-tf-sources-tab-item .project-selector-section .filtered-list-dropdown-menu .drop-icon, .ci-tf-sources-tab-item .branch-selector-section .filtered-list-dropdown-menu .drop-icon {
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  width: 30px;
  position: absolute;
}

.ci-tf-sources-tab-item .project-selector-section .filtered-list-popup, .ci-tf-sources-tab-item .branch-selector-section .filtered-list-popup {
  width: 25%;
}

.ci-tf-sources-tab-item .tf-sources-project-selector, .ci-tf-sources-tab-item .tf-sources-repo-selector, .ci-tf-sources-tab-item .tfgit-branch-selector {
  width: 100%;
  vertical-align: top;
  margin: 5px 0 0 0;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.ci-tf-sources-tab-item .tf-sources-project-selector .filtered-list-dropdown-menu .selected-item-text, .ci-tf-sources-tab-item .tf-sources-repo-selector .filtered-list-dropdown-menu .selected-item-text, .ci-tf-sources-tab-item .tfgit-branch-selector .filtered-list-dropdown-menu .selected-item-text {
  max-width: 90%;
}

.ci-tf-sources-tab-item .tf-sources-project-selector .filtered-list-dropdown-menu, .ci-tf-sources-tab-item .tf-sources-repo-selector .filtered-list-dropdown-menu, .ci-tf-sources-tab-item .tfgit-branch-selector .filtered-list-dropdown-menu {
  height: 32px;
  padding: 3px 5px;
  position: relative;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.ci-tf-sources-tab-item .tf-sources-project-selector .filtered-list-dropdown-menu:hover, .ci-tf-sources-tab-item .tf-sources-project-selector .filtered-list-dropdown-menu.menu-opened, .ci-tf-sources-tab-item .tf-sources-repo-selector .filtered-list-dropdown-menu:hover, .ci-tf-sources-tab-item .tf-sources-repo-selector .filtered-list-dropdown-menu.menu-opened, .ci-tf-sources-tab-item .tfgit-branch-selector .filtered-list-dropdown-menu:hover, .ci-tf-sources-tab-item .tfgit-branch-selector .filtered-list-dropdown-menu.menu-opened {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  outline: none;
}

.ci-tf-sources-tab-item .tf-sources-project-selector .filtered-list-dropdown-menu .drop-icon, .ci-tf-sources-tab-item .tf-sources-repo-selector .filtered-list-dropdown-menu .drop-icon, .ci-tf-sources-tab-item .tfgit-branch-selector .filtered-list-dropdown-menu .drop-icon {
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  width: 30px;
  position: absolute;
}

.ci-tf-sources-tab-item .tf-sources-project-selector .filtered-list-popup, .ci-tf-sources-tab-item .tf-sources-repo-selector .filtered-list-popup, .ci-tf-sources-tab-item .tfgit-branch-selector .filtered-list-popup {
  width: 25%;
}