#quick_shape_dialog .control-group {
  margin-bottom: 0.5em;
}

#quick_shape_dialog input[type="color"],
#quick_shape_dialog input[type="number"] {
  width: 75px;
}
#quick_shape_dialog input[type="range"] {
  width: 164px;
}
#quick_shape_dialog form.form-horizontal {
  margin-bottom: 0;
}
#quick_shape_stroke_and_fill input[type="range"] {
  width: 134px;
}
#quick_shape_stroke_and_fill input[type="color"] {
  width: 120px;
}

/* circle / ring -> hide inner diameter and cut if circle */
#circle.noHole .circle_hole_param {
    visibility: hidden;
}
#circle .circle_hole_param {
    visibility: visible;
}


#quick_shape_dialog #qs_gear input[type="number"] {
  width: 50px;
}
#quick_shape_dialog #qs_gear form {
  width: 100%;
  overflow: hidden;
  display: inline-block;
}

#quick_shape_dialog #qs_gear table#gear_summary {
    font-size: 0.8em;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0.5em auto 1em;
    width: 80%;
}

#quick_shape_dialog #qs_gear table#gear_summary td.name {
    /*padding-left: 1em;*/
}
#quick_shape_dialog #qs_gear table#gear_summary td.value {
    text-align: right;
    padding-left: 1em;
}


/*Sliders*/
input#quick_shape_rect_radius,
input#quick_shape_star_sharpness,
input#quick_shape_heart_lr {
  margin-top: 14px;
}

#shape_tabs li {
    max-height: 2.7em;
    overflow: hidden;
}

#shape_tabs li a {
    padding-left: .65em;
    padding-right: .65em;
}

#shape_tabs i {
    font-size: 1.25em;
}

i.icon[class*=" mb-"] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 0.7em;
}

#shape_tabs li.active i.icon.mb-blossom {
    background-image: url(../img/icon-blossom.svg);
}
#shape_tabs li.active i.icon.mb-ngon {
    background-image: url(../img/icon-ngon.svg);
}
#shape_tabs li.active i.icon.mb-label {
    background-image: url(../img/icon-label.svg);
}
#shape_tabs i.icon.mb-blossom {
    background-image: url(../img/icon-blossom-active.svg);
}
#shape_tabs i.icon.mb-ngon {
    background-image: url(../img/icon-ngon-active.svg);
}
#shape_tabs i.icon.mb-label {
    background-image: url(../img/icon-label-active.svg);
}

#quick_shape_dialog  .btn-group .btn {
    background-repeat: no-repeat;
    background-size: contain;
    width: 3.2em;
    height: 2.4em;
    background-position: center;
    margin-bottom: 0.5em;
}

#quick_shape_dialog #gear .btn-group .btn {
    background-size: 65%;
    width: 2.6em;
    background-position: center 62%;
}

#quick_shape_dialog #gear .btn-group .btn i.icon {
    font-size: 1.3rem;
    position: relative;
    bottom: 0.1rem;
}

/*
example / tech demo, not in use yet
*/
input[type="range"].labeled {
    margin-top: 3em;
}

input[type="range"].labeled::after,
input[type="range"].labeled::before {
    content: "";
    display:block;
    position:relative;
    border: none;
    background-color: #686868;
    width: 1.6em;
    height: 1.6em;
    top: -2.4em;
    background-size: contain;
    background-position: center;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    color: #fff;
}

input#quick_shape_star_cpodist.labeled::before {
    background-image: url(../img/icon_star_sharp_tip.svg);
}
input#quick_shape_star_cpodist.labeled::after {
    background-image: url(../img/icon_star_soft_tip.svg);
}