.formix_form {
    font-size: 12px;
    }
.upload_button {
    border-radius: 9px;
    }
.formix_cell.formix_image label.file,
.formix_cell.formix_file label.file {
    border-radius: 9px;
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(#f7f7f7,#e7e7e7);
    background-image: -moz-linear-gradient(#f7f7f7,#e7e7e7);
    background-image: linear-gradient(#f7f7f7,#e7e7e7);
    -webkit-box-shadow: inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.1);
    box-shadow: inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.1);
    color: #606060;
    border: solid 1px rgb(123,123,123);
    }
.formix_cell.formix_image label.file:hover,
.formix_cell.formix_file label.file:hover {
    background-image: -webkit-linear-gradient(#fdfdfd,#f2f2f2);
    background-image: -moz-linear-gradient(#fdfdfd,#f2f2f2);
    background-image: linear-gradient(#fdfdfd,#f2f2f2);
    border-color: rgb(123,123,123);
    color: #606060;
    }
.input-wrap {
    border-radius: 12px;
    border-color: rgb(219,219,219);
    background-color: white;
    border: solid 1px rgb(219,219,219);
    padding: 2px;
    }
.formix_cell.formix_input_radiobutton .input-wrap,
.formix_cell.formix_input_radioicon .input-wrap,
.formix_cell.formix_input_checkboxicon .input-wrap,
.formix_cell.formix_input_radio .input-wrap {
    border-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
.formix_submit,
.formix_submit.invert {
    border-radius: 12px;
    border-color: rgb(219,219,219);
    background-color: white;
    padding: 2px;
    }
.formix_submit > div.inner,
.formix_submit.invert > div.inner {
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(#f7f7f7,#e7e7e7);
    background-image: -moz-linear-gradient(#f7f7f7,#e7e7e7);
    background-image: linear-gradient(#f7f7f7,#e7e7e7);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.1);
    box-shadow: inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.1);
    color: #606060;
    border: solid 1px rgb(123,123,123);
    line-height: 32px;
    color: rgb(108,108,108);
    }
.formix_submit:hover > div.inner,
.formix_submit.invert:hover > div.inner {
    background-image: -webkit-linear-gradient(#fdfdfd,#f2f2f2);
    background-image: -moz-linear-gradient(#fdfdfd,#f2f2f2);
    background-image: linear-gradient(#fdfdfd,#f2f2f2);
    border-color: rgb(123,123,123);
    }
label.radiobutton {
    border-radius: 12px;
    border-color: rgb(219,219,219);
    background-color: white;
    padding: 2px;
    }
label.radiobutton .radiobutton {
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(#f7f7f7,#e7e7e7);
    background-image: -moz-linear-gradient(#f7f7f7,#e7e7e7);
    background-image: linear-gradient(#f7f7f7,#e7e7e7);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.1);
    box-shadow: inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.1);
    color: #606060;
    border: solid 1px rgb(123,123,123);
    height: 29px;
    }
label.radiobutton .radiobutton:hover {
    background-image: -webkit-linear-gradient(#fdfdfd,#f2f2f2);
    background-image: -moz-linear-gradient(#fdfdfd,#f2f2f2);
    background-image: linear-gradient(#fdfdfd,#f2f2f2);
    border-color: rgb(123,123,123);
    }
label.radiobutton input:checked + .radiobutton {
    background: -webkit-linear-gradient(rgb(210,210,210),rgb(230,230,230));
    background: -moz-linear-gradient(rgb(210,210,210),rgb(230,230,230));
    background: linear-gradient(rgb(210,210,210),rgb(230,230,230));
    -webkit-box-shadow: 0 0 5px 5px rgba(8,154,242,.2);
    box-shadow: 0 0 5px 5px rgba(8,154,242,.2);
    border-color: rgb(8,154,242);
    color: rgb(108,108,108);
    font-weight: bold;
    }
label.radiobutton input:focus + .radiobutton {
    font-weight: bold;
    }
label.radio-icon,
label.checkbox-icon,
label.radio-color {
    border-radius: 12px;
    border: solid 1px rgb(219,219,219);
    background-color: white;
    padding: 2px;
    }
label.radio-icon .radio-icon,
label.radio-icon .checkbox-icon,
label.radio-icon .radio-color,
label.checkbox-icon .radio-icon,
label.checkbox-icon .checkbox-icon,
label.checkbox-icon .radio-color,
label.radio-color .radio-icon,
label.radio-color .checkbox-icon,
label.radio-color .radio-color {
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(#f7f7f7,#e7e7e7);
    background-image: -moz-linear-gradient(#f7f7f7,#e7e7e7);
    background-image: linear-gradient(#f7f7f7,#e7e7e7);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.1);
    box-shadow: inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.1);
    color: #606060;
    border: solid 1px rgb(123,123,123);
    }
label.radio-icon .radio-icon:hover,
label.radio-icon .checkbox-icon:hover,
label.radio-icon .radio-color:hover,
label.checkbox-icon .radio-icon:hover,
label.checkbox-icon .checkbox-icon:hover,
label.checkbox-icon .radio-color:hover,
label.radio-color .radio-icon:hover,
label.radio-color .checkbox-icon:hover,
label.radio-color .radio-color:hover {
    background-image: -webkit-linear-gradient(#fdfdfd,#f2f2f2);
    background-image: -moz-linear-gradient(#fdfdfd,#f2f2f2);
    background-image: linear-gradient(#fdfdfd,#f2f2f2);
    border-color: rgb(123,123,123);
    }
label.radio-icon input:checked + .radio-icon,
label.radio-icon input:checked + .checkbox-icon,
label.radio-icon input:checked + .radio-color,
label.checkbox-icon input:checked + .radio-icon,
label.checkbox-icon input:checked + .checkbox-icon,
label.checkbox-icon input:checked + .radio-color,
label.radio-color input:checked + .radio-icon,
label.radio-color input:checked + .checkbox-icon,
label.radio-color input:checked + .radio-color {
    background: -webkit-linear-gradient(rgb(210,210,210),rgb(230,230,230));
    background: -moz-linear-gradient(rgb(210,210,210),rgb(230,230,230));
    background: linear-gradient(rgb(210,210,210),rgb(230,230,230));
    -webkit-box-shadow: 0 0 5px 5px rgba(8,154,242,.2);
    box-shadow: 0 0 5px 5px rgba(8,154,242,.2);
    border-color: rgb(8,154,242);
    color: rgb(108,108,108);
    font-weight: bold;
    }
label.endisbox .endisbox {
    cursor: pointer;
    display: inline-block;
    height: 29px;
    width: 12px;
    padding: 2px;
    position: relative;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    background-color: white;
    border: solid 2px rgb(187,187,187);
    border-top-color: rgb(187,187,187);
    border-right-color: rgb(187,187,187);
    border-bottom-color: rgb(187,187,187);
    border-left-color: rgb(187,187,187);
    -webkit-transition: border-color .3s ease 0s;
    -moz-transition: border-color .3s ease 0s;
    -ms-transition: border-color .3s ease 0s;
    transition: border-color .3s ease 0s;
    margin-right: 10px;
    }
.formix.canvas,
.formix.calendar {
    border-radius: 10px;
    }
.canvas_wrap {
    border-radius: 10px;
    }
.canvas_toolbar {
    border-radius: 10px 10px 0 0;
    border-top: none;
    border-left: none;
    border-right: none;
    }
.canvas_toolbar .canvas_button {
    border-radius: 6px;
    }
.formix-wrap {
    border-radius: 10px;
    }
input.formix,
input.fakeformix,
input.confirmformix,
input.fakeconfirmformix {
    border-radius: 9px;
    border-color: rgb(123,123,123);
    }
.formix-spinner-wrap {
    border-radius: 0 9px 9px 0;
    }
.formix-spinner-wrap .formix-knob {
    border-radius: 0 8px 8px 0;
    border-color: rgb(196,196,196);
    }
.formix-spinner-wrap .formix-knob:after {
    background-image: -webkit-linear-gradient(180deg,rgb(171,171,171) 25%,rgb(217,217,217) 25%,rgb(217,217,217) 31.25%,rgb(181,182,183) 31.25%,rgb(181,182,183) 43.75%,rgb(150,151,151) 43.75%,rgb(150,151,151) 50%,rgb(171,171,171) 50%,rgb(171,171,171) 75%,rgb(217,217,217) 75%,rgb(217,217,217) 81.25%,rgb(181,182,183) 81.25%,rgb(181,182,183) 93.75%,rgb(150,151,151) 93.75%,rgb(150,151,151) 100%);
    background-image: -moz-linear-gradient(180deg,rgb(171,171,171) 25%,rgb(217,217,217) 25%,rgb(217,217,217) 31.25%,rgb(181,182,183) 31.25%,rgb(181,182,183) 43.75%,rgb(150,151,151) 43.75%,rgb(150,151,151) 50%,rgb(171,171,171) 50%,rgb(171,171,171) 75%,rgb(217,217,217) 75%,rgb(217,217,217) 81.25%,rgb(181,182,183) 81.25%,rgb(181,182,183) 93.75%,rgb(150,151,151) 93.75%,rgb(150,151,151) 100%);
    background-image: linear-gradient(180deg,rgb(171,171,171) 25%,rgb(217,217,217) 25%,rgb(217,217,217) 31.25%,rgb(181,182,183) 31.25%,rgb(181,182,183) 43.75%,rgb(150,151,151) 43.75%,rgb(150,151,151) 50%,rgb(171,171,171) 50%,rgb(171,171,171) 75%,rgb(217,217,217) 75%,rgb(217,217,217) 81.25%,rgb(181,182,183) 81.25%,rgb(181,182,183) 93.75%,rgb(150,151,151) 93.75%,rgb(150,151,151) 100%);
    border-radius: 0 7px 7px 0;
    }
.formix-spinner-wrap .formix-spinner {
    background: -webkit-linear-gradient(#fdfdfd,#d7d7d7);
    background: -moz-linear-gradient(#fdfdfd,#d7d7d7);
    background: linear-gradient(#fdfdfd,#d7d7d7);
    color: #606060;
    border-left: solid 1px #7b7b7b;
    }
.formix_textarea .char-count {
    border-radius: 9px 9px 0 0;
    }
.formix_textarea textarea {
    border-radius: 0 0 9px 9px;
    border-color: rgb(123,123,123);
    }
.formix-select {
    border-radius: 9px;
    }
.formix-select .inner {
    border-radius: 9px 0 0 9px;
    height: 31px;
    line-height: 31px;
    border-color: rgb(123,123,123);
    }
.formix-select input.text {
    border-radius: 9px;
    }
.formix-select .formix-arrow {
    border-radius: 0 9px 9px 0;
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(#f7f7f7,#e7e7e7);
    background-image: -moz-linear-gradient(#f7f7f7,#e7e7e7);
    background-image: linear-gradient(#f7f7f7,#e7e7e7);
    -webkit-box-shadow: inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.1);
    box-shadow: inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.1);
    border-color: rgb(123,123,123);
    }
.formix-select .formix-arrow > div {
    border-width: 7px 5px 0 5px;
    border-color: #606060 transparent transparent transparent;
    }
.formix-select-options {
    border-color: rgb(123,123,123);
    }
.formix-select-options .formix-select-option:hover {
    background-color: rgb(230,230,230);
    color: inherit;
    }

/* Default */
.formixtheme-default.sp-container {
    background-color: white;
    border-radius: 8px;
    }
.formixtheme-default.sp-container .sp-input {
    border-color: #00aeef;
    background: white;
    }
.formixtheme-default.sp-container .sp-input:focus {
    border-color: rgb(239,117,69);
    }
.formixtheme-default.sp-container .sp-palette-row-0 {
    background: rgb(118,118,163);
    }
.formixtheme-default.sp-container .sp-palette-row-selection {
    background: rgb(209,209,209);
    }
.formixtheme-default.sp-container .sp-palette .sp-thumb-el {
    border-color: white;
    }
.formixtheme-default.sp-container .sp-button-container {
    background: rgb(235,235,235);
    border-color: rgb(191,191,191);
    }
.formixtheme-default.sp-container button {
    border-color: rgb(45,122,185);
    background-color: rgb(250,250,250);
    color: rgb(80,80,80);
    }
.formixtheme-default.sp-container button:hover {
    background-color: white;
    border-color: rgb(239,117,69);
    }
.formixtheme-default.sp-container .sp-cancel {
    border-color: rgb(45,122,185);
    background-color: rgb(250,250,250);
    color: rgb(80,80,80);
    }
.formixtheme-default.sp-container .sp-cancel:hover {
    background-color: white;
    border-color: rgb(239,117,69);
    }
.formix_form.formixtheme-default .sp-replacer {
    border-color: rgb(123,123,123);
    background: -webkit-linear-gradient(#f7f7f7,#e7e7e7);
    background: -moz-linear-gradient(#f7f7f7,#e7e7e7);
    background: linear-gradient(#f7f7f7,#e7e7e7);
    -webkit-box-shadow: inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.1);
    box-shadow: inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.1);
    border-radius: 10px;
    }
.formix_form.formixtheme-default .sp-replacer .sp-preview {
    border-radius: 8px;
    overflow: hidden;
    }
.formix_form.formixtheme-default .sp-replacer:hover,
.formix_form.formixtheme-default .sp-replacer.sp-active,
.formix_form.formixtheme-default .sp-replacer:focus {
    border-color: rgb(244,162,97);
    }
.formix_form.formixtheme-default .sp-palette .sp-thumb-el {
    border-color: white;
    }
.formixtheme-default.sp-container button {
    border-radius: 10px;
    }