✏️ Editing: admin-form.css Writable

/*
number input
*/
.tiwlform-number-container {
  display: inline-block;
  margin: 2px;
  position: relative;
  vertical-align: middle;
}

.tiwlform-number-container input, .tiwlform-number-container button {
  margin: 0;
  font-weight: 800;
  display: inline-block;
  font-size: 14px;
}

.tiwlform-number-container input[type=text] {
  width: 50px;
  height: 36px;
  text-align: right;
  border-radius: 5px;
  line-height: 26px;
  margin: 0;
}

.tiwlform-number-container button {
  width: 20px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 5px;
  margin: 0 2px;
  background-color: #f1eee8;
  border: 0;
  color: #000;
  padding: 0;
  cursor: pointer;
}

.tiwlform-number-container button:hover {
  background-color: #96b100;
  color: #FFF;
}

/*
on off button
*/
/*.tiwlform-onoff-container input {
    display: none;
}*/
.tiwlform-onoff-container {
  cursor: pointer;
  position: relative;
  display: inline-block;
  height: 36px;
  width: 132px;
  margin: 0;
  border-radius: 3px;
  -webkit-box-shadow: inset 1px 1px 6px 0 rgba(170, 157, 137, 0.16);
  box-shadow: inset 1px 1px 6px 0 rgba(170, 157, 137, 0.16);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid #eae6df;
  background: #f1eee8;
}

.tiwlform-onoff-container.disabled.checked {
  /*-webkit-box-shadow: inset 0 0 0 36px rgba(0,0,0,0.4);
    box-shadow: inset 0 0 0 36px rgba(0,0,0,0.4);*/
  border-color: rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.4);
}

.tiwlform-onoff-container.disabled .tiwlform-onoff-button {
  color: rgba(0, 0, 0, 0.4) !important;
}

.tiwlform-onoff-container.checked {
  /*-webkit-box-shadow: inset 0 0 0 36px #96b100;
    box-shadow: inset 0 0 0 36px #96b100;*/
  background: #96b100;
  border-color: #96b100;
}

.tiwlform-onoff-container.checked .tiwlform-onoff-button {
  left: 4px;
  color: #96b100;
}

.tiwlform-onoff-container .tiwlform-onoff-button {
  display: inline-block;
  /*font-size: 21px;
    line-height: 21px;
    font-weight: 600;
    font-family: dashicons;*/
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 3px;
  left: 66px;
  width: 59px;
  height: 27px;
  line-height: 18px;
  padding: 4px;
  text-align: center;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(2, 2, 2, 0.21);
  box-shadow: 1px 1px 4px 0 rgba(2, 2, 2, 0.21);
  -webkit-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
  transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
  color: #6b625a;
  background: #fff;
}

.tiwlform-onoff-container .tiwlform-onoff-button:before {
  content: "\e905";
  font-size: 20px;
  font-family: "tinvwl-webfont";
}

.tiwlform-onoff-container.checked .tiwlform-onoff-button:before {
  content: "\e91e";
  font-size: 11px;
  font-family: "tinvwl-webfont";
}

.tiwlform-onoff-container.disabled {
  background-color: rgba(0, 0, 0, 0.4);
}

/*
input range
*/
.tiwlform-range-container {
  padding-top: 25px;
  height: 50px;
}

.tiwlform-range-container .range {
  width: 100%;
  position: relative;
}

.tiwlform-range-container input[type=text] {
  display: none;
}

.tiwlform-range-container .line {
  margin: 0 5%;
  width: 90%;
  height: 4px;
  top: -14px;
  background-color: #ede8df;
  position: absolute;
}

.tiwlform-range-container .line .selector {
  position: absolute;
  z-index: 100;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 5px solid #96b100;
  border-radius: 50%;
  top: -10px;
  right: -12.5px;
  cursor: pointer;
}

.tiwlform-range-container .line-selector {
  width: 0;
  background-color: #96b100;
  height: 6px;
  top: -15px;
}

.tiwlform-range-container .label {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  list-style: outside none none;
  padding: 0;
}

.tiwlform-range-container .label li {
  -moz-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  position: relative;
  float: left;
  text-align: center;
  color: #000;
  padding: 10px 0;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  margin: 0;
}

.tiwlform-range-container .label li.active {
  font-weight: 600;
}

.tiwlform-range-container .label li.preactive::before {
  background: #96b100;
  width: 25px;
  height: 25px;
  top: -25px;
}

.tiwlform-range-container .label li::before {
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  content: "";
  margin: 0 auto;
  width: 15px;
  height: 15px;
  background: #ede8df;
  border-radius: 50%;
}

/*
multi radio box
*/
.tiwlform-multirbox input {
  display: none;
}

.tiwlform-multirbox {
  border-radius: 3px;
  border: 1px solid #eae6df;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
  display: inline-block;
  margin: 2px;
  position: relative;
}

.tiwlform-multirbox label {
  display: inline-block;
  font-weight: normal;
  color: #948d84;
  margin: 0;
  line-height: 26px;
  vertical-align: middle;
  padding: 5px 10px;
  height: 26px;
}

.tiwlform-multirbox label.checked {
  -webkit-box-shadow: inset 0 0 0 36px #96b100;
  box-shadow: inset 0 0 0 36px #96b100;
  color: #FFF;
  border-radius: 3px;
}

.tiwlform-multirbox label .dashicons {
  line-height: 26px;
}

.tinvwl-multicheckbox {
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
  margin: 2px;
}

.tinvwl-multicheckbox ul {
  height: 208px;
  overflow: auto;
  margin: 0;
  padding: 0 12px;
}

.tinvwl-multicheckbox li {
  height: 30px;
}

.tinvwl-multicheckbox label {
  width: 100%;
  display: inline-block;
  font-weight: normal;
}

.tinvwl-multicheckbox input {
  margin-right: 13px;
}

.tinvwl-multicheckbox > .tinvwl-before {
  background-color: #fbfaf9;
  border-bottom: 1px solid #dbdbdb;
  padding: 7px;
}

.tinvwl-multicheckbox > .tinvwl-after {
  background-color: #fbfaf9;
  border-top: 1px solid #dbdbdb;
  padding: 7px;
}

.tinvwl-targeting-box {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding-top: 28px;
}

.tinvwl-targeting-box-action {
  display: none;
}

.tinvwl-targeting-box .selector {
  -moz-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  -webkit-box-flex: 1;
  flex: 1 1 50%;
  padding-right: 20px;
}

.tinvwl-targeting-box .selector div + div {
  margin-top: 6px;
}

.tinvwl-targeting-box .zone {
  -moz-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  -webkit-box-flex: 1;
  flex: 1 1 50%;
  background-color: #fbfaf9;
  border-radius: 3px;
  position: relative;
  margin: 2px;
  padding: 0;
}

.tinvwl-targeting-box .inner {
  margin: 0;
  padding: 20px;
  overflow: auto;
  border-radius: 3px;
  min-height: 42px;
}

.tinvwl-targeting-box .filter-field, .tinvwl-targeting-box .tinvwl-multicheckbox {
  width: 100%;
}

.tinvwl-targeting-box .zone > .tinvwl-after {
  background-color: #f4f2ee;
  border-top: 1px solid #fbfaf9;
  padding: 7px;
  margin: 0;
  position: absolute;
  border-radius: 0 0 3px 3px;
  bottom: 0;
  left: 0;
  right: 0;
}

.tinvwl-targeting-box .action-bth {
  background-color: #FFF;
  color: #000;
  border: 1px solid #dbdbdb;
  font-weight: normal;
  text-align: center;
}

.tinvwl-targeting-box .action-bth:hover {
  background-color: #96b100;
  color: #FFF;
}

.tinvwl-numberrange {
  width: 100%;
}

.tinvwl-numberrange .range {
  position: relative;
  width: 100%;
  height: 5px;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlcyI6WyJhZG1pbi1mb3JtLmNzcyJdLCJmaWxlIjoiYWRtaW4tZm9ybS5jc3MifQ== */

/*# sourceMappingURL=admin-form.css.map */

🔐 Sid Gifari File Manager Pro