@import '~@capillarytech/cap-react-ui-library/CapTreeSelect/_capTreeSelect.scss';
//.main {
//  padding-left: 16px!important;
//}

.list-form-field{
  width: 100%!important;
}

.list-input input{
  border: 0px!important;
  border-bottom: 2px solid black!important;
  border-radius: 0px!important;
  width: 100%!important;
}

.list-input{
  width: 90%!important;
}

.filter-sidebar{
  background-color: #efefef;
  width: 18%!important;
  height: 65vh;
}
.custom-thirteen button{
  width: 98.5%!important;
}
.customer-selection{
  width: 98%;
  height: auto;
  border: 2px solid #efefef;
  margin-bottom: 1%;
}
.customer-selection .row{
  display: flex;
}
.row .cell{
  flex: 1;
}

.popup-content{
  .popup-ul{
    .popup-li{
      line-height: 2;
      cursor: pointer;
      i{
        color: #FFFF99;
        padding-right: 5px;
      }
    }
  }
}
.ant-select-selection-selected-value{
  img{
    width: 20px;
    height: 20px;
    vertical-align: middle;
  }
}

.capTextBoxClass{
  padding-left: 8px;
}

.inputUnderlineClass{
  border: 0 !important;
  border-bottom: solid 1px !important;
  border-radius: 0px !important;
}


span.inputUnderlineClass>input.ant-input {
  border: 0;
  outline :none !important;
}

.fixedContainerClass .ant-input-affix-wrapper {
  width: 20%;
}

.displayFlexClass{
  display: flex !important;
  .centerAlignText{
    margin-right: 4px;
    padding: 5px;
  }
}

.centerAlignText{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.stickyClass{
  position: fixed !important;
  right:0 !important;
  width : 16% !important;
  min-width: 227px !important;
}

.gridMarginTopClass{
  margin-top: 5rem !important;
  display: block !important;
}

.anticon-delete, anticon-edit{
  cursor: pointer !important;
}

.intialStatsDivClass{
  margin-left: 8px !important;
  min-width: 100% !important;
  text-align: center !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background-color: rgb(249,249,249) !important;
}


.alignStatNumberRight{
  width : 25% !important;
  text-align: right !important;
}

.alignStatTextLeft{
  width : 75% !important;
  text-align: left !important;
}

.ui.grid.statGridClass>.row {
  padding: 8px 0px !important;
}

//.stickyClass{
//  position: sticky;
//  top : 100px;
//}

.dividerClass{
  border-bottom: 1px solid #d3d3d3 !important;
}

.list-name-label {
  font-size: 14px !important;
  color: rgba(51,51,51,1) !important;
  line-height: 24px !important;
  height: 24px !important;
  text-align: left !important;
}

.cap-filter-btn  {
  color: rgba(46, 137, 223, 1)!important;
  font-size: 14px !important;
  text-align: center !important;
  letter-spacing: 0.05em !important;
  border-color: rgba(46, 137, 233, 1) !important;
}
.addFieldsPopover .ant-popover-inner{
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
.addFieldsPopoverMenu li.ant-menu-item {
  padding: 0px 0px!important;
  height: 32px;
  line-height: 32px;
  .ant-checkbox-wrapper .ant-checkbox + span {
    padding-left: 15px;
  }
}
.addFieldsPopover .ant-checkbox-inner {
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  transition: all .3s;
  border-radius: 2px;
  border-collapse: separate;
}

.ant-form-item-label{
  margin-top: 0px !important;
}
//.............new css classes here...................
.cap-input-list.ant-input-affix-wrapper {
  min-width: 100% !important;
}
.cap-input-list input.ant-input {
  min-width: 100%;
}
.cap-input-number {
  border: 0!important;
  border-radius: 0!important;
}
.cap-input input.ant-input {
  padding: 8px 0;
  height: 40px;
  line-height: 24px;
  border: 0;
  border-bottom: 1px solid #d6d6d6;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  width: 100%;

  &.error {
    padding-bottom: 1.4rem;
  }
}

.cap-auto-complete input.ant-input {
  padding: 8px 0 !important;
  height: 40px !important;
  line-height: 24px !important;
  border: 0 !important;
  border-bottom: 1px solid #d6d6d6 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
}
.segmentTree.ant-tree li span.ant-tree-checkbox {
  margin: 0 4px 0 2px !important;
  vertical-align: middle !important;
  margin-left: -2.5rem !important;
  margin-right: 1rem !important;
}

.capSearchTreeClass.segmentTree ul.ant-tree-child-tree.ant-tree-child-tree-open {
  margin-left: 8px !important;
}

.segmentTree.ant-tree li span.ant-tree-switcher, .ant-tree li span.ant-tree-iconEle {
  margin-left: 1rem !important;
  z-index: 1000 !important;
}

.SegmentSearch {
  min-width: 100% !important;
}

.alignCenter{
  height: 40px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  // text-align: center;
}

.cap-h5,.cap-h4,.cap-h3,
.cap-h2,.cap-h1,.cap-h0 {
  color: rgba(102, 102, 102, 1) !important;
}

.selectOperationClass{
  //min-width:160px !important;
  border: 0;
  box-shadow: none;
  outline: none;
  height:40px;
  .ant-select-selection.ant-select-selection--single {
    border: 0;
    border-bottom: 1px solid #d6d6d6;
    border-radius: 0 !important;
    box-shadow: none;
    outline: none;
    height:40px;
  }
  .ant-select-selection__rendered {
    line-height: 40px;
  }
  .ant-select-selection--multiple{
    border: 0px;
    border-bottom: 1px solid rgb(214,214,214);
    border-radius: 0;
    min-width: 160px !important;
  }
  .ant-select-focused {
    border: 0px!important;
    border-bottom: 1px solid rgb(214,214,214)!important;
    border-radius: 0!important;
  }
}

.selectOperationType{
  .ant-select-selection--single{
    border: 0;
    border-bottom: 1px solid #d6d6d6;
    border-radius: 0 !important;
    box-shadow: none;
    outline: none;
  }
}

.fontSize14{
  font-size: 14px !important;
  .ant-input {
    font-size: 14px;
  }
}

.fontSize12{
  font-size: 12px !important;
  .ant-input {
    font-size: 12px;
  }
}

.fontWeight500{
  font-weight: 500 !important;
}

.allSelection-active {
  border-bottom: 1px solid rgba(214,214,214,1) !important;
  padding: 16px !important;
}

.allSelection{
  padding: 16px !important;
}

.fontWeight600{
  font-weight: 600 !important;
}

.marginTB8{
  //margin-bottom : 1rem;
  //margin-right: 1rem;
}

.fontColorDisable{
  color: #c2c2c2 !important;
}

.fontSize24{
  font-size: 24px;
}

.createButton{
  position: absolute !important;
  bottom: 8px;
  right: 0px;
  background-color: #d6d6d6 !important;
}

.ant-select-selection-selected-value img {
  width: auto;
  height: auto;
  vertical-align: middle;
}

.elipses {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.autoWidth{
  width: auto !important;
  margin: 0 0.5rem !important;
}

.noMarginForFilterLabel{
  margin-left: 0rem  !important;
}

//.selectOperationClass {
//  min-width: 100% !important;
//  border: 0;
//  box-shadow: none;
//  outline: none;
//  height: 40px;
//}

.ant-calendar, .ant-calendar-picker-container {
  min-width: auto;
}

.marginRL1{
  margin: 0 1rem;
}

body{
  font-size: 14px !important;
}


.ant-calendar, .ant-calendar-picker-container {
  min-width: inherit !important;
}

.displayNone{
  display: none;
}

.selectOperationClass .ant-select-selection--multiple {
  border: 0px;
  border-bottom: 1px solid #d6d6d6;
  border-radius: 0;
  position: static;
  padding: 0.5rem 0;
  max-height: 40px;
  //overflow-y: -webkit-paged-y;
  max-height: 40px;
}

.alignDimensionsClass{
  margin-top: 10px;
  line-height: 24px;
}
// .alignDimensionsClass:nth-child(odd){
//   margin-left: 170px;
// }


.cap-heading3 {
  font-family: open-sans !important;
}

.cap-button {
  height: 32px !important;
  padding: 0 16px !important;
  font-family: open-sans,sans-serif !important;
  font-style: normal;
  font-weight: 600 !important;
  border-radius: 6px !important;
  min-width: 80px;
  font-size: 14px!important;
}

.add-customer-link {
  font-weight: 600;
  color: #2E89DF;
  font-size: 14px;
}

.ant-menu-submenu-title {
  font-size: 14px !important;
}

.ant-popover-inner-content {
  padding: 8px 16px;
}

span.cap-input.ant-input-affix-wrapper {
  width: 100% !important;
}


li.ant-menu-item {  //.ant-menu-item-active
  font-size: 14px !important;
}

.selectOperationClass .ant-select-selection__rendered {
  line-height: 40px !important;
  font-size: 13px !important;
}

.cap-date-picker .ant-calendar-picker-input.ant-input{
  height: 35px;
}
.cap-date-picker .ant-calendar-picker-icon:after {
  display: none;
}

// h4 i.material-icons{
//   margin-left: 8px !important;
//   position: absolute;
//   top: 0px !important;
//   //vertical-align: middle !important;
// }

.extraSelectedItemClass{
  font-size: 14px;
  height: 40px;
  position: absolute;
  top: 7px;
  //noinspection CssInvalidPropertyValue
  vertical-align: -webkit-baseline-middle;
  min-width: 50px;
}

button.ant-btn.cap-button.addField.ant-btn-danger {
  padding: 0 !important;
  margin-top: 16px;
  color: #4389df !important;
}

button.ant-btn.cap-button.addField.ant-btn-danger:hover {
  background: white !important;
}

//
.fixedContainerClass {
  width: 79% !important;
  margin-right: 16px !important;
}

//.listName{
//  width: 89.7% !important;
//}


.newListLabelClass .ant-alert-close-icon {
  font-size: 16px;
  position: absolute;
  right: 16px;
  top: 18px;
  height: 19px;
  line-height: 12px;
  overflow: hidden;
  cursor: pointer;
}

.stickyListNameClass {
  //position: sticky !important;
  ////top: 87.5px !important;
  //background: white !important;
  //opacity: 1 !important;
  //z-index: 9999999 !important;
}

//.include-list{
//  min-width: 110px!important;
//}
.ant-form-item-label label{
  color:rgba(0,0,0,0.65)!important;
  font-size: 14px;
}
.ant-form-item-label label:after{
  content: ''!important;
}
.addFieldsPopoverMenu {
  border-right: none!important;
}
.ant-menu:not(.ant-menu-horizontal){
  background-color: #fff!important;
  padding: 0px 0px!important;
}
.ant-menu:not(.ant-menu-horizontal){
  background-color: #fff!important;
  padding: 0px 0px!important;
}
.ant-form-inline .ant-form-item {
  margin-bottom: 15px!important;
}

//.fromfield {
//  width: 70%!important;
//}
//.fromfield input {
//  text-align: left;
//  padding-right: 0px !important;
//}
.newDiscardButtonClass{
  margin: 8px !important;
  position: absolute !important;
  right: 96px !important;
}

.apply-filter-button {
  padding-right: 0 !important;

  &.ant-btn {
    padding-right: 16px !important;
    margin-left: 16px;
    border-color: #2E89DF;
    color: #2E89DF;
  }
}

.errorText{
  color: red !important;
}

.errorClass{
  border: 1px solid red !important;
}

.paddIngRight48{
  padding-left: 48px !important;
}

.ant-menu-item-selected{
  background-color: white !important;
}

.has-error{
  border-bottom: 1px solid red !important;
  .ant-input{
    border-bottom: 1px solid red !important;
  }
}
//
//.extra-small-element {
//  width: 40px!important;
//}
//
//.small-element {
//  width: 80px!important;
//}
//.small-medium-element{
//  width: 150px!important;
//}
//.medium-element {
//  width: 200px!important;
//}
//
//.large-element {
//  width: 320px!important;
//}
//
//.extra-large-element {
//  width: 760px!important;
//}
.loyalty-container {
  border-bottom: 1px solid rgb(214,214,214);
  padding: 16px;
}
.loyalty-unit-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 16px !important;
  margin-bottom: 8px !important;
}

.select-all .ant-select-tree-child-tree-open {
  height: auto !important;
}

.cap-select-dropdown, .filters-tree-select-dropdown {
  &.ant-select-dropdown--multiple{
    max-height:250px!important;
    height: auto;
  }
  &.ant-select-dropdown--single .ant-select-tree {
    height: auto!important;
    max-height: 192px!important;
    overflow: auto;
  }
  &.ant-select-dropdown {
    width: auto !important;
    min-width: 120px !important;
    // overflow: hidden !important;
    // max-width: 50% !important;
    word-wrap: break-word !important;
    overflow-x: hidden !important;
    overflow-wrap: break-word !important;
  }
  .ant-select-dropdown-menu-item{
    padding-right: 16px !important;
  }
}




//................................UX FeedBack CSS...............

.margin8Class{
  margin: 8px;
}

.marginTop8Class{
  margin-top: 8px;
}

.marginBottom8Class{
  margin-bottom: 8px;
}

.marginLeft8Class{
  margin-left: 8px;
}

.marginRight8Class{
  margin-right: 8px;
}

.margin16Class{
  margin: 16px;
}

.marginTop16Class{
  margin-top: 16px;
}

.marginBottom16Class{
  margin-bottom: 16px;
}

.marginLeft16Class{
  margin-left: 16px;
}

.marginRight16Class{
  margin-right: 16px;
}

.marginBottom24Class{
  margin-bottom: 24px !important;
}


.include-list{
  min-width: 80px !important;
}

.padding0Class{
  padding: 0 !important;
}


.padding8Class{
  padding: 8px;
}

.paddingTop8Class{
  padding-top: 8px;
}

.paddingBottom8Class{
  padding-bottom: 8px;
}

.paddingLeft8Class{
  padding-left: 8px;
}

.paddingRight8Class{
  padding-right: 8px;
}

.padding16Class{
  padding: 16px;
}

.paddingTop16Class{
  padding-top: 16px;
}

.paddingBottom16Class{
  padding-bottom: 16px;
}

.paddingLeft16Class{
  padding-left: 16px;
}

.paddingRight16Class{
  padding-right: 16px;
}


.height40Class{
  height: 40px !important;
}

.width80Class {
  width: 65px !important;
}

.width160Class {
  width: 65px !important;
}

//.selectOperationClass.width80Class {
//  min-width: 80px !important;
//}



.extra-extra-small-element {
  min-width: 40px !important;
}

.extra-small-element {
  min-width: 80px !important;
}
.small-element{
  min-width: 120px !important;
}
.small-medium-element {
  min-width: 160px !important;
}

.medium-element {
  min-width: 240px !important;
}

.large-element {
  min-width: 320px !important;
}

.extra-large-element {
  min-width: 760px !important;
}

ul.ant-select-tree-child-tree.ant-select-tree-child-tree-open{
  overflow-y: auto;
  max-height: 200px !important;
  li {
    margin-right: 8px !important;
  }
}

ul.ant-select-tree.singleSelectDropDown{
  overflow-y: auto;
  max-height: 200px !important;
  li {
    margin-right: 8px !important;
  }
}

.ant-form-item{
  margin: 0px 8px 16px 0px ;
}

.ant-input-number{
  text-align: left;
  border: none;
}

ant-input-number:focus, ant-input-number:focus{
  border: none !important;
  outline: none !important;
}

.ant-input-number-handler-wrap{
  display: none;
}


.ant-form-item-control:after {
  height: 4px !important;
}


.ant-input-number-input-wrap:focus {
  border: none;
  outline: none;
}


//.small-medium-element .ant-form-item-control-wrapper {
//  width: 160px;
//}

//.ant-input-number-lg:focus , .ant-input-number-handler-wrap:focus, .ant-input-number:focus{
//  outline: none !important;
//  border: none !important;
//}
//
//.ant-input-number:focus {
//  border: none !important;
//}

.cap-date-picker.small-element{
  max-width: 120px !important;
}

//.cap-date-picker.extra-small-element{
//  max-width: 80px !important;
//}
.ant-calendar-picker-input{
  padding-left: 8px !important;
}

.demographic-class-hide {
  display: none!important;
}

.overflow {
  overflow: auto!important;
}
.line-select .ant-select-selection--multiple{
  border: 0px;
  border-bottom: 1px solid #d6d6d6;
  border-radius: 0;
  position: static;
  padding: 0.5rem 0;
  max-height: 40px;
  //overflow-y: -webkit-paged-y;
  max-height: 40px;
}

.newListLabelClass {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 24px !important;
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  height: 48px;
  justify-content: center;
  font-weight: 600;
  border-radius: 0 !important;
  font-family: "proxima-nova" !important;
}

.centerAlignSummary{
  display: flex;
  flex-flow: column;
  margin: 0 !important;
}

.highLightClass{
  color: #4C95D3 !important;
}

.subHeadingLabel {
  font-size: 12px !important;
  line-height: 16px !important;
  margin-bottom: 4px !important;
}

.subHeadingValue{
  line-height: 16px !important;
  font-size: 14px !important;
  margin-bottom: 16px !important;
}

.reachability {
  font-size: 12px !important;
  line-height: 16px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}

.headingLabel {
  font-size: 14px !important;
  line-height: 16px !important;
  margin-top: 24px !important;
  padding: 0 !important;
}

.summaryClass{
  font-size: 16px !important;
  line-height: 24px !important;
  padding: 0 !important;
}

.subHeadingLabel, .headingLabel{
  color: #707070 !important;
}

h4.cap-heading3.centerAlignText.marginBottom24Class.centerAlignSummary.headingLabel {
  margin-bottom: 24px !important;
}

.activeCreateButton {
  position: fixed !important;
  top: 48px !important;
  right: 16px !important;
}

.ui.menu.navbar .ui.selection.dropdown{
  line-height: 20px !important;
}

.cap-heading3 {
  font-size: 14px !important;
  line-height: 16px !important;
}

.alignMiddleVertically{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.labelClass{
  font-size: 14px !important;
  line-height: 24px;
  margin-bottom: 8px !important;
}

.ant-form-item {
  height: 40px !important;
}

.ant-form.ant-form-inline {
  min-height: 40px;
}

.cap-input-number {
  height: 36px !important;
}

.ant-input-number-lg input {
  // height: 38px !important;
}

.postionRelativeClass{
  position: relative !important;
}

.andAlsoLabelClass {
  font-size: 10px!important;
  height: 16px!important;
  width: 70px;
  position: absolute;
  line-height: 16px!important;
  background: #fff;
  padding-left: 16px;
  margin-left: -16px;

  &.filter-details {
    margin-top: 8px;
  }

  &.filter-edit-mode {
    margin-top: -5px;
  }
}

h1,h2,h3,h4,h5,h6{
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
}

i.icon {
  font-family: Icons !important;
}

.leftArrow{
  font-size: 24px !important;
  margin-top: 16px !important;
}

.discard-button {
  margin-right: 10px;
}

.allItemsClass{
  position: absolute !important;
  margin-left: -150px !important;
  margin-top: 8px !important;
}

.ant-form-item-label label {
  color: #707070!important;
}
h5.cap-heading4.subHeadingValue {
  font-family: open-sans!important;
  font-weight: 400;
}
h2.cap-heading1.headingValue {
  font-family: open-sans!important;
  font-weight: 400;
}

.filters-header {
  height: 50px;
  line-height: 50px;

  .title {
    line-height: inherit !important;
  }

  .create-button-container {
    text-align: right;

    .ant-btn.cap-button.create-list-button {
      margin-right: 16px;
    }
  }
}

.inverted-filter-label {
  .ant-form-item-label {
    margin-top: 5px !important;
    margin-right: -22px;
  }
}
.or-block{
  font-family: "proxima-nova" !important;
  font-size: 12px !important;
  line-height: 24px;
  margin: 16px 0;
  font-weight: 400;
}

.journey-add-group, .journey-add-group:hover{
  color: #2466ea !important;
  background-color: transparent !important;
  box-shadow: none !important;
  font-weight: 500!important;
  font-family: inherit !important;
}
.journey-add-group:hover{
  background-color: #f4f5f7 !important;
}
.filters-page-container {
  .ant-form-item-control-wrapper {
    max-width: 500px !important;
  }
  span.ant-select-arrow {
    font-weight: 1000!important;
    color: #707070!important;
  }

  span.ant-select-arrow {
    font-weight: 1000!important;
    color: #707070!important;
  }

  li.ant-select-selection__choice {
    max-width: 45% !important;
  }

  li.ant-select-selection__choice{
    width: auto !important;
    background: #ffffff !important;
    padding: 0 !important;
  }

  //.segment-selection {
  span.ant-select-selection__choice__remove {
    display: none !important;
  }
  span.ant-select-selection__choice__content:after {
    content: "," !important;
  }
  //}

  .ant-time-picker {
    line-height: 39px !important;
  }

  .ant-time-picker-input {
    border: 0 !important;
  }
}
.cap-error {
  font-size: 12px;
  font-weight: normal;
  color: #ea213a;
  line-height: 20px;
  position: absolute;
  bottom: 65px;
}
.campaign-filter {
  .ant-spin-dot{
    i{
      background-color: #86b91e!important;
    }
  }
  .ui.accordion .title .dropdown.icon {
    font-family: Accordion !important;
  } 
  .ui.accordion.sidebar-accordian .content .item {
    padding-left: 16px !important;
  }  
  .sidebar-accordian .title .header {
    display: none !important;
  }
  .ui.accordion.sidebar-accordian {
    background: #f2f3f7 !important;
  }  
  .org-list{
    .ant-select{
      margin-left: 15px!important;
    }
  }
  i.material-icons {
    color: #707070;
  }  
  .main-content{
    margin-left: 16px;
  }  
  .cap-radio .ant-radio-inner{
    width: 16px !important;
    height: 16px !important;
  }  
  .cap-radio-group .fontWeight500.cap-radio:not(:last-child) {
    margin-right: 16px !important;
  }  
  .cap-radio.ant-radio-wrapper{
    margin-right: 8px !important;
    margin-left: 8px !important;
    line-height: 32px !important;
  }  
  .material-icons{
    cursor: pointer;
  }   
  .material-icons {
    font-family: 'Material Icons' !important;
    width: 16px;
    height: 16px;
    font-size: 16px !important;
    padding: 0 !important;
    // margin: 0 !important;
    //margin-left: 8px !important;
  }  
  .leftArrow{
    font-size: 24px !important;
    margin-top: 16px !important;
  }
  .scrollableClass{
    //overflow-y: auto !important;
    ////position: absolute;
    //top: 42px;
    //left: 0px;
    //right: 17px;
    //bottom: 5px;
    position: static;
    width: 100%;
    overflow-y: auto;
    min-height: 385px;
  }
  
  ::-webkit-scrollbar-track
  {
    box-shadow: inset 0 0 1px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
  }
  ::-webkit-scrollbar
  {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
  }
  ::-webkit-scrollbar-thumb
  {
    border-radius: 10px;
    box-shadow: inset 0 0 8px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.2);
    background-color: #d6d6d6;
    padding-left: 3px;
    padding-right: 3px;
  }
  .cap-select-with-checkbox, .cap-select-with-checkbox:hover {
      padding: 0px!important;
      border: 0px;
      border-bottom: 0px solid #D6D6D6;
  }

  .cap-select {
    border: 0px;
    border-bottom: 0px solid #D6D6D6;
  }
  .cap-select.ant-select-open {
    border: 0px;
    border-bottom: 0px solid #D6D6D6;
  }

  .cap-select.ant-select {
    .ant-select-selection__rendered {
        padding-left: 8px;
    }
  }
  .cap-input-number {
    width: 80px!important;
  }
  
  .ant-btn-dashed[disabled] {
    color: #c2c2c2!important;
    background-color: white!important;
  }
  
  .ant-btn-clicked:after{
    border: 0 solid white !important;
  }
  .ant-select-arrow {
    right: 6px;
  }

  .segment-operations .ant-select-arrow {
    right: 6px;
  }
  
  .cap-chips {
    height: 2rem!important;
    border-radius: 1rem!important;
    opacity: 1!important;
    border: 0!important;
    background-color: #eaf3fb!important;
    line-height: 1.75rem!important;
  }
  .cap-chips .ant-tag-text {
    padding: 0 1rem 0 .5rem!important;
    text-align: left!important;
    color: #2e89df!important;
    font-family: open-sans,sans-serif!important;
    font-weight: 600!important;
    line-height: 1.5rem!important;
    font-size: .875rem!important;
    vertical-align: middle!important;
    display: inline-block!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    max-width: 100px!important;
  }
  .cap-chips .anticon-cross {
    margin: 0!important;
    width: 1rem!important;
    height: 1rem!important;
    opacity: 1!important;
    color: #2e89df!important;
    vertical-align: middle!important;
    line-height: 1rem!important;
  }  
}