.py-4{
	padding-bottom: 1rem !important;
	padding-top: 0 !important;
}
form.views-exposed-form{
	/*display: none !important;*/
}
.dt-layout-row{
	margin-top:0 !important;
}
ul.custom-select-view-api li#view-async-api{
	position:absolute;
	top:2.5rem;
}
ul.custom-select-view-api li#subs-async-api{
	position:absolute;
	top:4.5rem;
}
.dt-search label{
	display:none !important;
}
.apis-cardwrapper {
    max-width: 100%;
    flex: 100%;
}
.apis-cardwrapper .card-header {
    background: transparent;
}
.path-events .card-body {
    padding: 0 0 0 1.25rem;
}
.path-events .card-body p {
    margin-left: 23px;
    color: #58595B;
    font-family: 'ToyotaType';
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    width: 90%;
}
input[type="search"] {
	border:0 !important;
	border-bottom:1px solid #aaa !important;
}
input::placeholder{
	color:#666 !important;
}
.table-responsive {
    min-height: 500px;
  }
  .main table,.main nav{
  	font-size:12px !important;
  }
  table.table-bordered thead tr th{
  	vertical-align:middle !important;
  }
  table.table-bordered tbody tr td:last-child{
  	position:relative !important;
  }
  table.table-bordered tbody tr td.views-field{
  	padding-top:1rem !important;
  	padding-bottom:1rem !important;
  	vertical-align:middle;
  }
 table.table-bordered thead{
  	background-color: #006395 !important;
    color: #FFFFFF;
    font-size: 15px;
    font-family: 'ToyotaType-SemiBold' !important;
    height:60px !important;
    }
    
  .table-responsive thead>tr>th>a{
  	color: #FFFFFF;
    }
    
  .table-responsive tbody{
  	font-family: ToyotaType-Regular !important;
  }
  
  .table-bordered tr:nth-child(even) {background-color: #f2f2f2;}
  .card {
  	box-shadow: rgb(178 178 178) 0px 3px 6px;
  }
  
  .card-body .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
  }
  form[data-drupal-form-fields^='edit-combine'] {
    justify-content: space-between;
    display: flex;
    background: transparent !important;
    width: 35%;
    float: right;
  }
  .js-form-item.form-item.js-form-type-textfield.form-type-textfield.form-item-keys.js-form-item-keys.form-group.partnersigninFormDiv.onhoverlabel {
    width: 75%;
    margin-bottom: 0 !important;
  }
  input[data-drupal-selector^='edit-combine']{
  	border: 0 !important;
  	border-bottom: 1px solid #ced4da !important;
  	box-shadow: none !important;
  }
  input[data-drupal-selector^='edit-submit-kafka-catalog'] {
    width: auto !important;
    background: #006395 !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 8px !important;
    margin-top: 0.25rem !important;
  }
  .custom-select-view-api {
    z-index: 1; /* Default z-index */
    /* Other styles for your ul */
}

.custom-select-view-api.active {
    z-index: 9999; /* Updated z-index */
}
ul.custom-select-view-api.btnselect:active {
	z-index: 100;

}
ul.custom-select-view-api.btnselect {
    height: 26px;
    width: 146px;
    border: 1px #000 solid;
    border-image: linear-gradient(to right,#3FB6A8,rgba(126,211,134,0.5)) 1 0%;
     border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-top: -5px;
    margin-bottom: 0;
}

ul.custom-select-view-api.btnselect li {
    padding: 3px 10px 5px 10px;
    z-index: 2;
}

ul.custom-select-view-api.btnselect li:not(.init) {
    float: left;
    width: 146px !important;
    display: none;
    background: #eee;
}

ul.custom-select-view-api.btnselect li:not(.init):hover,
ul.custom-select-view-api.btnselect li.selected:not(.init) {
    background: #04fdff;
}

ul.custom-select-view-api.btnselect li {
    cursor: pointer;
    border-radius: 7px;
    margin-bottom: 3px;
}
ul.custom-select-view-api.btnselect li.init {
	position: relative;
}
ul.custom-select-view-api.btnselect li.init:after {
    content: "\f105";
    font-family: 'FontAwesome';
    transform: rotate(90deg);
    font-size: 17px;
    position: absolute;
    right: 7px;
}