.mdi-picker, .icon-picker {
    display: inline-block;
    width: 100%;
    max-width: 535px;
    
  }
  .mdi-picker .dropdown-toggle, .icon-picker .dropdown-toggle {
    padding: 4px;
    line-height: 24px;
    height: 34px;
    width: 34px;
    float: left;
    margin-right: 5px;
  }
  .mdi-picker .dropdown-menu, .icon-picker .dropdown-menu {
    width: 300px;
  }
  .mdi-picker .dropdown-menu .icons span.mdi, .icon-picker .dropdown-menu .icons span.mdi {
    display: inline-block;
    margin: 4px 4px 0 0;
    width: 30px;
    height: 30px;
    border: 1px solid #DDD !important;
    border-radius: 2px;
    padding: 2px;
    line-height: 24px;
  }
  .mdi-picker .dropdown-menu .icons, .icon-picker .dropdown-menu .icons {
    overflow: auto;
    max-height: 200px;
  }
  /*.mdi-picker .dropdown-menu .icons span.mdi:hover {
    border-color: #444;
  }*/
  .mdi-picker .dropdown-menu .search, .icon-picker .dropdown-menu .search {
    position: absolute;
    top: 7px;
    right: 10px;
    color: #444;
  }

  .mdi-picker 
  .file-return,
  .icon-picker 
  .file-return {
	background-color: #eeeeee;
	border-radius: 5px 0 0 5px;
	border-right: none;
	border: 1px solid #dddddd;
	font-size: .9em;
	font-style: italic;
	font-weight: bold;
	height: 34px;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 70%;
}
.mdi-picker .file-return span, .icon-picker .file-return span{
    white-space: pre;
}
.mdi-picker .file-return:not(:empty), .icon-picker .file-return:not(:empty) {
	border-right: none;
	font-size: 14px;
	padding: 8px 10px;
}

.icon-selected {
    background-color: rgb(163, 212, 228);
    border-radius: 2px;
}

.image-button-container {
    width: 100%;
    margin: 15px 0 0 0;
}

.image-button-container:hover {
  cursor: pointer;
  background-color: #009de9 !important;
  border-color: #009de9 !important;
}

.picker-image-input-btn:hover {
  background-color: #009de9 !important;
  border-color: #009de9 !important;
}

.btn-picker-upload-image {
  color: #ffff;
}

.icon-button {
  margin: 5px;
}

.input-file-picker {
  border-radius: 0 5px 5px 0;
  border: 1px solid #dddddd;
  cursor: pointer;
  display: block;
  font-size: 1em;
  padding: 9px 0px;
}

.ta-editor {
  padding: 0 10px !important;
  height: 300px !important;
  overflow-y: auto;
  font-family: inherit;
  font-size: 100%;
}

.btn-toolbar > .btn-group:nth-child(4) {
  display: none;
}