.MINT_form .row {width:100%; display: flex; flex-wrap: wrap; margin-top:8px;}
.MINT_form .row label {flex: 0 1 16.6667%; margin-bottom:4px; white-space: nowrap;}
.MINT_form .row .inputHolder {flex-grow: 1; min-width:250px;}
.MINT_form .row .inputHolder input {display:block; width: calc(100% - 16px); border:1px solid #ccc; padding:10px 8px; border-radius: 3px; box-sizing: border-box;}
.MINT_form .row .inputHolder input:focus {border:1px solid gray; border-color: #80bdff; box-shadow: 0 0 0 0.1rem rgba(0,123,255,.25);}

.MINT_form .fieldset {border:1px solid #8a8a8a; border-radius:6px; position: relative; margin-bottom:45px;}
.MINT_form .fieldset .legend {border:1px solid #8a8a8a; display:inline-block; position: absolute; margin-left:12px; margin-top:-12px; padding:2px; background-color:white;box-shadow: 3px 3px 2px #bbb; height:20px;}
.MINT_form .fieldset .fieldsetHolder {padding:16px 8px 4px 8px;}

.MINT_form.controlsBottomBar {background-color:#333; height:auto; width:auto; overflow:hidden; padding:8px 0px;}
.MINT_form.controlsBottomBar > .MINT_button {float:right; margin-right:8px;}
.MINT_form.image.save {background-image:url('../pic/save.png');}
.MINT_form.image.abort {background-image:url('../pic/005-cross-white.png');}
.MINT_form.image.undo {background-image:url('../pic/undo.png');}
.MINT_form.image.redo {background-image:url('../pic/redo.png');}
.MINT_form.image.delete {background-image:url('../pic/delete-white.png');}





/* checkbox */
.MINT_form .checkbox {
    cursor: pointer;
    display: block;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    transition: -webkit-transform .14s ease;
    transition: transform .14s ease;
    transition: transform .14s ease, -webkit-transform .14s ease;
    box-sizing: inherit;
}
.MINT_form .checkbox * {box-sizing: inherit;}
.MINT_form .checkbox:active {
-webkit-transform: rotateX(30deg);
        transform: rotateX(30deg);
}
.MINT_form .checkbox input {
display: none;
}
.MINT_form .checkbox input + div {
border: 3px solid rgba(0, 0, 0, 0.3);
border-radius: 50%;
position: relative;
width: 44px;
height: 44px;
}
.MINT_form .checkbox input + div svg {
fill: none;
stroke-width: 3.6;
stroke: #000000;
stroke-linecap: round;
stroke-linejoin: round;
width: 44px;
height: 44px;
display: block;
position: absolute;
left: -3px;
top: -3px;
right: -3px;
bottom: -3px;
z-index: 1;
stroke-dashoffset: 124.6;
stroke-dasharray: 0 162.6 133 29.6;
transition: all .4s ease 0s;
}
.MINT_form .checkbox input:disabled + div svg {stroke:rgba(0,0,0,0.3);}
.MINT_form .checkbox input + div:before, .MINT_form .checkbox input + div:after {
content: '';
width: 3px;
height: 16px;
background: #cf2020;
position: absolute;
left: 50%;
top: 50%;
border-radius: 5px;
}
.MINT_form .checkbox input:disabled + div:before, .MINT_form .checkbox input:disabled + div:after {background: rgba(0,0,0,0.3);}
.MINT_form .checkbox input + div:before {
opacity: 0;
-webkit-transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
        transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
-webkit-animation: bounceInBefore .3s linear forwards .3s;
        animation: bounceInBefore .3s linear forwards .3s;
}
.MINT_form .checkbox input + div:after {
opacity: 0;
-webkit-transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
        transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
-webkit-animation: bounceInAfter .3s linear forwards .3s;
        animation: bounceInAfter .3s linear forwards .3s;
}
.MINT_form .checkbox input:checked + div svg {
stroke-dashoffset: 162.6;
stroke-dasharray: 0 162.6 28 134.6;
transition: all .4s ease .2s;
}
.MINT_form .checkbox input:checked + div:before {
opacity: 0;
-webkit-transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
        transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
-webkit-animation: bounceInBeforeDont .3s linear forwards 0s;
        animation: bounceInBeforeDont .3s linear forwards 0s;
}
.MINT_form .checkbox input:checked + div:after {
opacity: 0;
-webkit-transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
        transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
-webkit-animation: bounceInAfterDont .3s linear forwards 0s;
        animation: bounceInAfterDont .3s linear forwards 0s;
}
@keyframes bounceInBefore {
    0% {
        opacity: 0;
        transform: scale(.3) translate(-50%, -50%) rotate(45deg);
    }
    50%{
        opacity: 0.9;
        transform: scale(1.1) translate(-50%, -50%) rotate(45deg);
    }
    80%{
        opacity: 1;
        transform: scale(.89) translate(-50%, -50%) rotate(45deg);
    }
    100%{
        opacity: 1;
        transform: scale(1) translate(-50%, -50%) rotate(45deg);
    }
}
@keyframes bounceInAfter {
    0% {
        opacity: 0;
        transform: scale(.3) translate(-50%, -50%) rotate(-45deg);
    }
    50%{
        opacity: 0.9;
        transform: scale(1.1) translate(-50%, -50%) rotate(-45deg);
    }
    80%{
        opacity: 1;
        transform: scale(.89) translate(-50%, -50%) rotate(-45deg);
    }
    100%{
        opacity: 1;
        transform: scale(1) translate(-50%, -50%) rotate(-45deg);
    }
}
@keyframes bounceInBeforeDont {
    0% {
        opacity: 1;
        transform: scale(1) translate(-50%, -50%) rotate(45deg);
    }
    100%{
        opacity: 0;
        transform: scale(.3) translate(-50%, -50%) rotate(45deg);
    }
}
@keyframes bounceInAfterDont {
    0% {
        opacity: 1;
        transform: scale(1) translate(-50%, -50%) rotate(-45deg);
    }
    100%{
        opacity: 0;
        transform: scale(.3) translate(-50%, -50%) rotate(-45deg);
    }
}
.MINT_form .checkbox {box-sizing: border-box;}
.MINT_form .checkbox * {box-sizing: inherit;}
/* ---checkbox--- */