/***
*  Custom CSS changes for Extension
**/


/* Custom Style fixes for Search Kit screens */
.crm-container .select2-container .select2-choice abbr {
  right: 40px;
}

.crm-search .btn-group a {
  color: #333 !important;
  border: inherrit;
}
#bootstrap-theme.crm-search fieldset {
  border-top: inherit;
}
#bootstrap-theme.crm-search fieldset fieldset {
  border-top: 1px solid lightgrey;
}

@media (min-width: 768px) {
  #bootstrap-theme.crm-search .form-inline .form-control:not(.select2-allowclear) {
    vertical-align: inherit;
  }
}

.crm-container .blockUI.blockOverlay {
  background: url("../images/load_icon.gif") center center no-repeat white !important;
}

.crm-container .dataTables_processing {
  background: url("../images/load_icon.gif") center center no-repeat white !important;
}

#bootstrap-theme.crm-search .crm-search-display-table .open > .dropdown-menu {
  left: -200%;
  right: 0px;
  top: 40px;
  position: absolute;
}

#bootstrap-theme.crm-search .crm-search-display-table tr .open > .dropdown-menu {
  left: revert;
  top: revert;
}

#bootstrap-theme.crm-search fieldset .form-inline {
  display: flex;
}

#bootstrap-theme.crm-search fieldset .form-inline > * {
  margin-right: 10px;
}

#bootstrap-theme.crm-search thead th:last-child > div.select2-container{
  min-width: 90px !important;
  width: 90px !important;
}

#bootstrap-theme.crm-search thead > tr > th:first-child{
  position: relative;
}

#bootstrap-theme.crm-search thead > tr > th:first-child > div{
  display: flex;
  position: absolute;
  left: 5px;
  top: 8px;
}

#bootstrap-theme.crm-search thead > tr > th.crm-search-result-select {
  min-width: 55px;
}

#bootstrap-theme.crm-search tbody > tr > td:first-child > input{
  margin-left: 16px
}

form[name="crmMailing"] #bootstrap-theme .btn.btn-danger-outline{
  border: 1px solid #cf3458;
}

form[name="crmMailing"] #bootstrap-theme a.btn[title="Add subject"]{
  display: none;
}

form[name="crmMailing"] #bootstrap-theme .mosaico-templates-wrapper .select2-container{
  display: none;
}