.hidden {

  display: none;

}

.ct-ip-search-input {

  font-style: italic;

  margin-bottom: 10px;

}

.ct-iconpicker {

  display: inline-block;

}

.ct-iconpicker .ct-ip-holder .ct-ip-icon {

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border: 1px solid #eee;

  position: relative;

  cursor: pointer;

}

.ct-iconpicker .ct-ip-holder .ct-ip-icon::after {

 

  position: absolute;

  top: -1px;

  right: -20px;

  width: 20px;

  height: 40px;

  border: 1px solid #eee;

}

.ct-iconpicker .ct-ip-popup {

  max-width:140%;

  max-height: 312px;

  overflow: hidden;

  overflow-y: scroll;

  padding: 4px;

  border: 1px solid #eee;

  display: none;

}

.ct-iconpicker .ct-ip-popup ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

.ct-iconpicker .ct-ip-popup ul li {

  display: inline-block;

  float: left;

  width: 50px;

  height: 50px;

  padding: 4px;

}

.dark.ct-iconpicker .ct-ip-popup ul li a {

  display: block;

  color: #fff;

  line-height: 42px;

  text-align: center;

  border: 1px solid #eee;

  transition: all 0.5s;

}



.ct-iconpicker .ct-ip-popup ul li a:hover {

  color: #fff;

  background-color: #06B3E6;

  border-color: #06B3E6;

}



/*//dark*/

.dark .hidden {

  display: none;

}

.dark  .ct-ip-search-input {

  font-style: italic;

  margin-bottom: 10px;
  background-color: #1b2e4b;
  color: #aab3d9;

}

.dark .ct-iconpicker {

  display: inline-block;

}

.dark .ct-iconpicker .ct-ip-holder .ct-ip-icon {

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border: 1px solid #aab3d9;

  position: relative;

  cursor: pointer;

}

.dark .ct-iconpicker .ct-ip-holder .ct-ip-icon::after {



  position: absolute;

  top: -1px;

  right: -20px;

  width: 20px;

  height: 40px;

  border: 1px solid #aab3d9;

}

.dark .ct-iconpicker .ct-ip-popup {

  max-width:140%;

  max-height: 312px;

  overflow: hidden;

  overflow-y: scroll;

  padding: 4px;

  border: 1px solid #aab3d9;

  display: none;

}

.dark .ct-iconpicker .ct-ip-popup ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

.dark .ct-iconpicker .ct-ip-popup ul li {

  display: inline-block;

  float: left;

  width: 50px;

  height: 50px;

  padding: 4px;

}

.dark .ct-iconpicker .ct-ip-popup ul li a {

  display: block;

  color: #aab3d9;

  line-height: 42px;

  text-align: center;

  border: 1px solid #eee;

  transition: all 0.5s;

}



.dark .ct-iconpicker .ct-ip-popup ul li a:hover {

  color: #fff;

  background-color: #06B3E6;

  border-color: #06B3E6;

}