﻿.clickdform legend {
    margin-bottom: 1.0625rem;
    font-size: 1.125rem;
    font-weight: 500
}

.clickdform label {
    display: block;
    margin-bottom: .625rem;
    font-size: 1rem
}

.clickdform .pos,
.clickdform .chbxitem,
.clickdform .rdoitem {
    position: relative
}

.clickdform input,
.clickdform button {
    -webkit-appearance: none;
    -moz-appearance: none
}

.clickdform input[type="text"],
.clickdform input[type="email"],
.clickdform input[type="search"],
.clickdform input[type="password"],
.clickdform input[type="tel"],
.clickdform input[type="date"],
.clickdform input[type="number"],
.clickdform input[type="url"],
.clickdform input[type="month"],
.clickdform input[type="week"],
.clickdform input[type="datetime"],
.clickdform input[type="datetime-local"],
.clickdform textarea,
.clickdform select {
    display: inline-block;
    padding: .625rem 1.25rem;
    width: 100%;
    height: 3.125rem;
    box-sizing: border-box;
    font-size: 1rem;
    font-weight: 500;
    color: #474747;
    border: 1px solid #E9E9E9;
    border-radius: 0;
    background-color: #fff;
    transition: all 0.2s ease-out 0s;
    -webkit-appearance: none;
    -moz-appearance: none
}

.clickdform input[type="text"]::-webkit-input-placeholder,
.clickdform input[type="email"]::-webkit-input-placeholder,
.clickdform input[type="search"]::-webkit-input-placeholder,
.clickdform input[type="password"]::-webkit-input-placeholder,
.clickdform input[type="tel"]::-webkit-input-placeholder,
.clickdform input[type="date"]::-webkit-input-placeholder,
.clickdform input[type="number"]::-webkit-input-placeholder,
.clickdform input[type="url"]::-webkit-input-placeholder,
.clickdform input[type="month"]::-webkit-input-placeholder,
.clickdform input[type="week"]::-webkit-input-placeholder,
.clickdform input[type="datetime"]::-webkit-input-placeholder,
.clickdform input[type="datetime-local"]::-webkit-input-placeholder,
.clickdform textarea::-webkit-input-placeholder,
.clickdform select::-webkit-input-placeholder {
    color: #474747;
    opacity: 1
}

.clickdform input[type="text"]:-moz-placeholder,
.clickdform input[type="email"]:-moz-placeholder,
.clickdform input[type="search"]:-moz-placeholder,
.clickdform input[type="password"]:-moz-placeholder,
.clickdform input[type="tel"]:-moz-placeholder,
.clickdform input[type="date"]:-moz-placeholder,
.clickdform input[type="number"]:-moz-placeholder,
.clickdform input[type="url"]:-moz-placeholder,
.clickdform input[type="month"]:-moz-placeholder,
.clickdform input[type="week"]:-moz-placeholder,
.clickdform input[type="datetime"]:-moz-placeholder,
.clickdform input[type="datetime-local"]:-moz-placeholder,
.clickdform textarea:-moz-placeholder,
.clickdform select:-moz-placeholder {
    color: #474747;
    opacity: 1
}

.clickdform input[type="text"]::-moz-placeholder,
.clickdform input[type="email"]::-moz-placeholder,
.clickdform input[type="search"]::-moz-placeholder,
.clickdform input[type="password"]::-moz-placeholder,
.clickdform input[type="tel"]::-moz-placeholder,
.clickdform input[type="date"]::-moz-placeholder,
.clickdform input[type="number"]::-moz-placeholder,
.clickdform input[type="url"]::-moz-placeholder,
.clickdform input[type="month"]::-moz-placeholder,
.clickdform input[type="week"]::-moz-placeholder,
.clickdform input[type="datetime"]::-moz-placeholder,
.clickdform input[type="datetime-local"]::-moz-placeholder,
.clickdform textarea::-moz-placeholder,
.clickdform select::-moz-placeholder {
    color: #474747;
    opacity: 1
}

.clickdform input[type="text"]:-ms-input-placeholder,
.clickdform input[type="email"]:-ms-input-placeholder,
.clickdform input[type="search"]:-ms-input-placeholder,
.clickdform input[type="password"]:-ms-input-placeholder,
.clickdform input[type="tel"]:-ms-input-placeholder,
.clickdform input[type="date"]:-ms-input-placeholder,
.clickdform input[type="number"]:-ms-input-placeholder,
.clickdform input[type="url"]:-ms-input-placeholder,
.clickdform input[type="month"]:-ms-input-placeholder,
.clickdform input[type="week"]:-ms-input-placeholder,
.clickdform input[type="datetime"]:-ms-input-placeholder,
.clickdform input[type="datetime-local"]:-ms-input-placeholder,
.clickdform textarea:-ms-input-placeholder,
.clickdform select:-ms-input-placeholder {
    color: #474747;
    opacity: 1
}

.clickdform input[type="text"]:focus,
.clickdform input[type="email"]:focus,
.clickdform input[type="search"]:focus,
.clickdform input[type="password"]:focus,
.clickdform input[type="tel"]:focus,
.clickdform input[type="date"]:focus,
.clickdform input[type="number"]:focus,
.clickdform input[type="url"]:focus,
.clickdform input[type="month"]:focus,
.clickdform input[type="week"]:focus,
.clickdform input[type="datetime"]:focus,
.clickdform input[type="datetime-local"]:focus,
.clickdform textarea:focus,
.clickdform select:focus {
    outline: none;
    border: 2px solid #61116A;
    padding: .5rem 1.1875rem
}

@media only screen and (min-width: 64.0625em) {
    .clickdform input[type="text"],
    .clickdform input[type="email"],
    .clickdform input[type="search"],
    .clickdform input[type="password"],
    .clickdform input[type="tel"],
    .clickdform input[type="date"],
    .clickdform input[type="number"],
    .clickdform input[type="url"],
    .clickdform input[type="month"],
    .clickdform input[type="week"],
    .clickdform input[type="datetime"],
    .clickdform input[type="datetime-local"],
    .clickdform textarea,
    .clickdform select {
        width: 50%
    }
}

.clickdform input[type="submit"],
.clickdform input[type="reset"] {
    border-radius: 0
}

.clickdform select::-ms-expand {
    display: none
}

.clickdform select[multiple] {
    height: 7.075rem;
    line-height: 40px
}

.clickdform input[type="submit"],
.clickdform input[type="reset"],
.clickdform button {
    display: inline-block;
    padding: .5625rem 2.5rem;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.2s ease-out 0s;
    cursor: pointer;
    border: 1px solid #61116A;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.clickdform input[type="submit"]:not([disabled]):hover,
.clickdform input[type="submit"]:focus,
.clickdform input[type="reset"]:not([disabled]):hover,
.clickdform input[type="reset"]:focus,
.clickdform button:not([disabled]):hover,
.clickdform button:focus {
    outline: none;
    color: #fff;
    border-color: #110312;
    background-color: #110312
}

.clickdform input[type="submit"]:disabled,
.clickdform input[type="reset"]:disabled,
.clickdform button:disabled {
    opacity: 0.5;
    cursor: default
}

.clickdform input[type="submit"],
.clickdform button {
    background: #61116A;
    color: #fff
}

.clickdform input[type="reset"] {
    background: transparent
}

.clickdform input[type="reset"]:hover,
.clickdform input[type="reset"]:focus {
    color: #fff;
    border-color: #61116A;
    background-color: #61116A
}

.clickdform textarea {
    height: 12.775rem
}

@media only screen and (min-width: 64.0625em) {
    .clickdform textarea {
        width: 100%
    }
}

.clickdform .styled-select {
    overflow: hidden;
    border: 1px solid #E9E9E9;
    position: relative
}

.clickdform .styled-select select:not([multiple]) {
    width: 110%;
    background-color: #fff;
    border: none;
    background-image: none;
    padding: 0 3.125rem 0 1rem;
    height: 3rem
}

.clickdform .styled-select select:not([multiple]):focus {
    background: #61116A;
    color: #fff
}

.clickdform fieldset {
    margin-bottom: 1.25rem
}

.clickdform fieldset ul li:before {
    content: none
}

.clickdform .form__field {
    margin-bottom: 1.25rem
}

.clickdform .form .btn {
    width: 100%;
    max-width: 17.5rem
}

.clickdform input[type="checkbox"],
.clickdform input[type="radio"] {
    position: absolute;
    top: 0;
    height: 0;
    left: -3.125rem;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0
}

.clickdform input[type="checkbox"]:focus+label:before,
.clickdform input[type="radio"]:focus+label:before {
    border: solid .125rem #61116A
}

.clickdform input[type="checkbox"]+label,
.clickdform input[type="radio"]+label {
    position: relative;
    padding-left: 1.75rem;
    overflow: hidden;
    text-align: left
}

.clickdform input[type="checkbox"]+label:before,
.clickdform input[type="checkbox"]+label:after,
.clickdform input[type="radio"]+label:before,
.clickdform input[type="radio"]+label:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem
}

.clickdform input[type="checkbox"]+label:before,
.clickdform input[type="radio"]+label:before {
    border: solid .0625rem #d7d7d7;
    background: #fff
}

.clickdform input[type=radio]+label:before {
    border-radius: 50%
}

.clickdform input[type=checkbox]:checked+label:after {
    left: .25rem;
    background: url(../images/icons/tick.svg) no-repeat
}

.clickdform input[type=radio]:checked+label:after {
    left: .25rem;
    top: 1.1875rem;
    background: #61116A;
    width: .5rem;
    height: .5rem;
    border-radius: 50%
}

.clickdform input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%
}

@media only screen and (min-width: 64.0625em) {
    .clickdform input[type="range"] {
        width: 50%
    }
}

.clickdform input[type="range"]:focus {
    outline: none
}

.clickdform input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    box-shadow: none;
    background: #fff;
    border-radius: 0;
    border: 1px solid #E9E9E9
}

@media only screen and (min-width: 64.0625em) {
    .clickdform input[type="range"]::-webkit-slider-runnable-track {
        width: 50%
    }
}

.clickdform input[type="range"]::-webkit-slider-thumb {
    box-shadow: 0;
    border: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #61116A;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    margin-top: -5px
}

.clickdform input[type="range"]:focus::-webkit-slider-runnable-track {
    border: 1px solid #ccc
}

.clickdform input[type="range"]::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    box-shadow: 0;
    background: #fff;
    border-radius: 0px;
    border: 0px solid #E9E9E9
}

@media only screen and (min-width: 64.0625em) {
    .clickdform input[type="range"]::-moz-range-track {
        width: 50%
    }
}

.clickdform input[type="range"]::-moz-range-thumb {
    box-shadow: 0;
    border: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #61116A;
    cursor: pointer
}

.clickdform input[type="range"]::-ms-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent
}

@media only screen and (min-width: 64.0625em) {
    .clickdform input[type="range"]::-ms-track {
        width: 50%
    }
}

.clickdform input[type="range"]::-ms-fill-lower {
    background: #fff;
    border: 0px solid #E9E9E9;
    border-radius: 0;
    box-shadow: 0
}

.clickdform input[type="range"]::-ms-fill-upper {
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0
}

.clickdform input[type="range"]::-ms-thumb {
    box-shadow: 0;
    border: 0;
    height: 30px;
    width: 30px;
    border-radius: 4px;
    background: #61116A;
    cursor: pointer;
    height: 10px
}

.clickdform input[type="range"]:focus::-ms-fill-lower {
    background: #fff
}

.clickdform input[type="range"]:focus::-ms-fill-upper {
    background: #fff
}


/*# sourceMappingURL=clickdforms.css.map */