.agile-label::first-letter,
.help-block {
    text-transform: capitalize
}

.form-view {
    font-family: Tahoma, Geneva, sans-serif;
    width: 99%;
    background: #fff;
    font-size: 14px;
    padding: 10px
}

.agile-group {
    margin-bottom: 15px
}

.agile-label {
    float: left;
    overflow: hidden;
    padding: 7px 25px 4px 0;
    text-align: left;
    word-wrap: break-word;
    width: 100%;
    font-size: 15px
}

.agile-group label {
    line-height: 1.42857143;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 15px
}

.agile-field {
    display: inline-block
}

.agile-field-small {
    width: 100px
}

.agile-field-medium {
    width: 150px
}

.agile-field-large {
    width: 200px
}

.agile-field-xlarge {
    width: 250px
}

.agile-height-small {
    padding: 5px 10px!important
}

.agile-height-default {
    padding: 6px 12px!important
}

.agile-height-large {
    padding: 10px 16px!important
}

.agile-field input[type=email],
.agile-field input[type=text] {
    padding: 6px 12px
}

.agile-field select {
    border-radius: 4px;
    border: 1px solid #ccc;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset
}

.agile-input-group {
    border-collapse: separate;
    display: table;
    position: relative
}

.agile-input-group input[type=email],
.agile-input-group input[type=text] {
    display: table-cell;
    box-sizing: border-box
}

.agile-input-group .agile-group-addon:first-child,
.agile-input-group input[type=email]:first-child,
.agile-input-group input[type=text]:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.agile-input-group .agile-group-addon:last-child,
.agile-input-group input[type=email]:last-child,
.agile-input-group input[type=text]:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.agile-group-addon:first-child,
.agile-input-group input[type=email]:first-child,
.agile-input-group input[type=text]:first-child {
    border-right: 0 none
}

.agile-group-addon {
    background: #eee;
    border: 1px solid #ccc;
    display: table-cell;
    font-size: 14px;
    padding: 3px 12px;
    text-align: center;
    vertical-align: middle
}

.agile-group-addon-append {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.agile-group-addon-prepend {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

input[type=email],
input[type=password],
input[type=text],
input[type=url],
textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    color: #555;
    font-size: 14px;
    line-height: 1.42857;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 76% !important;
    margin: 0
}

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
    border: 1px solid #66afe9
}

.agile-btn-red {
    background: #ff604f!important;
    margin-left: 10px
}

.help-block {
    color: #999;
    margin: 0;
    font-size: 14px
}

legend {
    width: 100%;
    font-weight: 700;
    font-size: 20px
}

fieldset {
    border: none
}

.agile-custom-clear {
    clear: both
}

#agile-error-msg {
    position: relative;
    top: 2px;
    left: 8px;
    color: red;
    font-size: 12px
}

.error {
    color: red
}

.form-view textarea::-webkit-input-placeholder {
    font-family: Tahoma, Geneva, sans-serif
}

.theme1 .agile-group select:not([multiple]),
.theme1 input[type=email],
.theme1 input[type=password],
.theme1 input[type=text],
.theme1 input[type=url],
.theme1 textarea {
    border: 1px solid #cfdadd;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #333;
    font-weight: 100;
    font-size: 14px!important;
    line-height: 20px!important;
    outline: 0;
    background-color: #fff;
    padding: 10px 20px!important;
    font-family: sans-serif;
    box-sizing: border-box
}

.theme1 .agile-group select[multiple] {
    font-size: 14px!important
}

.theme1 .agile-field {
    width: 90%
}

.theme1 textarea {
    height: 119px;
    border-radius: 20px
}

.theme1 button {
    background-color: #23b7e5;
    border: 1px solid #23b7e5;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding: 6px 20px;
    width: 100%!important;
    margin-top: 20px;
    outline: 0;
    height: 48px;
    font-family: sans-serif
}

.theme1 button:hover {
    background-color: #19a9d5!important;
    border-color: #189ec8!important
}

.theme1 .agile-label {
    display: block;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 5px
}

.theme1 .agile-group-addon:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

.theme1 .agile-group-addon:last-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px
}

.theme1 .agile-group textarea {
    height: 119px
}

.theme1 legend {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    border-bottom: none
}

.theme1 .agile-input-group {
    width: 100%
}

.theme1 input::-webkit-input-placeholder {
    color: #9e9e9e!important
}

.theme1 input:-moz-placeholder {
    color: #9e9e9e!important
}

.theme1 input::-moz-placeholder {
    color: #9e9e9e!important
}

.theme1 input:-ms-input-placeholder {
    color: #9e9e9e!important
}

.theme1 fieldset {
    margin: 0;
    padding: 0
}

.theme1 .agile-group select {
    background-color: #fff
}

.theme1 {
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    padding: 20px;
    letter-spacing: 0;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.theme1 textarea:focus {
    outline: 0!important;
    border: 1px solid #cfdadd!important
}

.theme1 .agile-field textarea {
    border: 1px solid #ccc;
    resize: vertical
}

.theme1 .agile-field select {
    border: 1px solid #ccc
}

.theme1 .agile-field select:focus {
    outline: 0
}

.theme2 input[type=email],
.theme2 input[type=password],
.theme2 input[type=text],
.theme2 input[type=url],
.theme2 select,
.theme2 textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #333;
    font-weight: 100;
    font-size: 14px!important;
    line-height: 13px!important;
    outline: 0;
    padding: 8px!important;
    font-family: sans-serif;
    box-sizing: border-box
}

.theme2 .agile-field {
    width: 90%
}

.theme2 button {
    background-color: #23b7e5;
    border: 1px solid #23b7e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding: 10px 20px;
    width: 100%!important;
    margin-top: 20px;
    outline: 0;
    font-family: sans-serif;
    line-height: 23px
}

.theme2 button:hover {
    background-color: #19a9d5;
    border-color: #189ec8;
    color: #fff
}

.theme2 .agile-label {
    display: block;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 5px;
    font-family: sans-serif
}

.theme2 legend {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    border-bottom: none;
    padding: 14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 0;
    color: #333
}

.theme2 .agile-input-group {
    width: 100%
}

.theme2 input::-webkit-input-placeholder {
    font-family: sans-serif;
    color: #9e9e9e!important
}

.theme2 input:-moz-placeholder {
    font-family: sans-serif;
    color: #9e9e9e!important
}

.theme2 input::-moz-placeholder {
    font-family: sans-serif;
    color: #9e9e9e!important
}

.theme2 input:-ms-input-placeholder {
    font-family: sans-serif;
    color: #9e9e9e!important
}

.theme2 .agile-group {
    margin-left: 35px
}

.theme2 {
    font-family: sans-serif;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    padding: 0
}

.theme2 .agile-field textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: 100px;
    resize: vertical
}

.theme2 .agile-field select {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 20px!important
}

.theme2 .agile-group-addon:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 0
}

.theme2 .agile-group-addon:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.theme2 .agile-group-addon {
    border: 3px solid #f3f3f3
}

.theme2 .agile-group .i-checks:first-child {
    margin-bottom: 5px
}

.i-checks {
    cursor: pointer;
    display: inline-block
}

.i-checks>i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: transparent;
    content: "";
    -webkit-transition: all .2s;
    transition: all .2s
}

.i-checks input[type=radio]+i,
.i-checks input[type=radio]+i:before,
.i-switch i:after {
    border-radius: 50%
}

.i-checks>i {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-right: 4px;
    line-height: 1;
    background-color: #fff;
    border: 1px solid #9e9e9e;
    margin-bottom: 4px;
    vertical-align: middle;
    box-sizing: content-box
}

.i-checks input {
    position: absolute;
    opacity: 0;
    width: auto
}

.i-checks input:checked+i {
    border-color: #23b7e5
}

.i-checks input:checked+i:before {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    background-color: #23b7e5
}

.agile-form-blck-transparent.theme4 .agile-field>input,
.agile-form-transparent.theme4 .agile-field>input {
    height: 39px!important
}

.theme2 button {
    margin-left: 0
}

.theme2 {
    overflow-x: hidden;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    background-color: #fff
}

.theme2 fieldset {
    margin: 0;
    padding: 0
}

.theme2 input[type=email],
.theme2 input[type=password],
.theme2 input[type=text],
.theme2 input[type=url],
.theme2 select,
.theme2 textarea {
    background-color: #fff;
    box-shadow: inherit;
    border: 3px solid #f3f3f3
}

.theme2 input[type=email]:focus,
.theme2 input[type=password]:focus,
.theme2 input[type=text]:focus,
.theme2 input[type=url]:focus,
.theme2 select:focus,
.theme2 textarea:focus {
    border: 3px solid #66afe9!important;
    outline: 0!important
}

.theme3 input[type=email],
.theme3 input[type=password],
.theme3 input[type=text],
.theme3 input[type=url],
.theme3 select,
.theme3 textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #333;
    font-weight: 100;
    font-size: 14px!important;
    line-height: 20px!important;
    outline: 0;
    padding: 10px!important;
    font-family: sans-serif;
    box-sizing: border-box
}

.theme3 .agile-field {
    width: 90%
}

.theme3 button {
    background-color: #00ada7;
    border: 1px solid #00ada7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding: 10px 20px;
    width: 100%!important;
    margin-top: 20px;
    outline: 0;
    font-family: sans-serif;
    line-height: 23px
}

.theme3,
.theme3 .agile-input-group {
    width: 100%
}

.theme3 button:hover {
    background-color: #04928d;
    border-color: #04928d;
    color: #fff
}

.theme3,
.theme3 legend {
    background-color: #d9ede2
}

.theme3 .agile-label {
    display: none;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 5px;
    font-family: sans-serif
}

.theme3 legend {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    border-bottom: none;
    padding: 14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 0
}

.theme3 input::-webkit-input-placeholder {
    font-family: sans-serif;
    color: #9e9e9e!important
}

.theme3 input:-moz-placeholder {
    font-family: sans-serif;
    color: #9e9e9e!important
}

.theme3 input::-moz-placeholder {
    font-family: sans-serif;
    color: #9e9e9e!important
}

.theme3 input:-ms-input-placeholder {
    font-family: sans-serif;
    color: #9e9e9e!important
}

.theme3 .agile-group {
    margin-left: 35px;
    margin-bottom: 25px
}

.theme3 {
    font-family: sans-serif;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    padding: 0
}

.theme3 .agile-field textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: 100px;
    resize: vertical
}

.theme3 .agile-field select {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 20px!important
}

.theme3 .agile-group-addon:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.theme3 .agile-group-addon:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.agile-group .i-checks {
    margin-right: 15px
}

.theme3 .agile-group .i-checks:first-child {
    margin-bottom: 5px
}

.theme3 button {
    margin-left: 0
}

.theme3 {
    overflow-x: hidden;
    border-radius: 5px
}

.theme3 fieldset {
    margin: 0;
    padding: 0
}

.theme3 input[type=email],
.theme3 input[type=password],
.theme3 input[type=text],
.theme3 input[type=url],
.theme3 select,
.theme3 textarea {
    background-color: #fff;
    border: 0;
    box-shadow: inherit
}

.theme3 .agile-group-addon {
    border: 0;
    background-color: #00ada7;
    color: #fff
}

.theme3 input[type=email]:focus,
.theme3 input[type=password]:focus,
.theme3 input[type=text]:focus,
.theme3 input[type=url]:focus,
.theme3 select:focus,
.theme3 textarea:focus {
    border: 0 solid #66afe9!important;
    outline: 0!important
}

.theme4 input[type=email],
.theme4 input[type=password],
.theme4 input[type=text],
.theme4 input[type=url],
.theme4 select,
.theme4 textarea {
    border: 1px solid #cfdadd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #333;
    font-weight: 100;
    font-size: 14px!important;
    line-height: 20px!important;
    outline: 0;
    background-color: #fff;
    padding: 3px 0!important;
    font-family: sans-serif;
    box-sizing: border-box
}

.theme4 .agile-field {
    width: 90%
}

.theme4 button {
    background-color: #77c4d4;
    border: 1px solid #77c4d4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding: 10px 20px;
    width: 100%!important;
    margin-top: 20px;
    outline: 0;
    font-family: sans-serif;
    line-height: 23px
}

.theme4 button:hover {
    background-color: #64acbb;
    border-color: #64acbb;
    color: #fff
}

.theme4 .agile-label {
    display: none;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 5px;
    font-family: sans-serif
}

.theme4 legend {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    border-bottom: none;
    padding: 14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 0;
    background-color: #77c4d4;
    color: #fff
}

.theme4 .agile-input-group {
    width: 100%
}

.theme4 .agile-input-group input {
    padding: 10px 20px!important
}

.theme4 input::-webkit-input-placeholder {
    font-family: sans-serif;
    color: #9e9e9e!important
}

.theme4 input:-moz-placeholder {
    font-family: sans-serif;
    color: #9e9e9e!important
}

.theme4 input::-moz-placeholder {
    font-family: sans-serif;
    color: #9e9e9e!important
}

.theme4 input:-ms-input-placeholder {
    font-family: sans-serif;
    color: #9e9e9e!important
}

.theme4 .agile-group {
    margin-left: 35px;
    margin-bottom: 30px
}

.theme4 .agile-field textarea {
    box-shadow: inherit;
    border: 0;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    min-height: auto;
    font-family: sans-serif;
    padding: 0!important;
    resize: vertical
}

.theme4,
.theme5 {
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    overflow-x: hidden
}

.theme4 .agile-field select {
    padding: 10px 0!important
}

.theme4 .agile-group-addon:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-right: 0
}

.theme4 .agile-group-addon:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.theme4 .agile-group-addon {
    border: 0 solid #eee
}

.theme4 .agile-group .i-checks:first-child {
    margin-bottom: 5px
}

.theme4 .agile-group .i-checks {
    margin-right: 15px
}

.theme4 button {
    margin-left: 0
}

.theme4 {
    font-family: sans-serif;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    padding: 0
}

.theme4 fieldset {
    margin: 0;
    padding: 0
}

.theme4 input[type=email],
.theme4 input[type=password],
.theme4 input[type=text],
.theme4 input[type=url],
.theme4 select {
    background-color: #fff;
    box-shadow: inherit;
    border: 0;
    border-bottom: 1px solid #eee;
    border-radius: 0
}

.agile-form-transparent,
.agile-form-transparent .agile-form-description {
    background-color: transparent!important;
    color: #fff!important
}

.theme4 input[type=email]:focus,
.theme4 input[type=password]:focus,
.theme4 input[type=text]:focus,
.theme4 input[type=url]:focus,
.theme4 select:focus,
.theme4 textarea:focus {
    border-bottom: 1px solid #66afe9!important;
    outline: 0
}

.theme2 .agile-group:last-child,
.theme3 .agile-group:last-child,
.theme4 .agile-group:last-child {
    padding-bottom: 15px
}

.theme2 .agile-group:nth-child(3),
.theme3 .agile-group:nth-child(3),
.theme4 .agile-group:nth-child(3) {
    padding-top: 20px
}

.form-view .agile-hiddenEle-group {
    display: none
}

.agile-form-transparent button,
.agile-form-transparent legend {
    color: #fff!important
}

.agile-form-transparent .agile-group-addon,
.agile-form-transparent input,
.agile-form-transparent select,
.agile-form-transparent textarea {
    background-color: rgba(255, 255, 255, .07)!important;
    border: 1px solid rgba(238, 238, 238, .27)!important;
    color: #FFF!important
}

.agile-form-transparent input:focus,
.agile-form-transparent select:focus,
.agile-form-transparent textarea:focus {
    outline: 0;
    border: 1px solid #fff!important
}

.agile-form-transparent select[multiple]:focus {
    background-color: rgba(255, 255, 255, .07);
    color: #FFF!important
}

.agile-form-transparent select:not([multiple]) option {
    background-color: #cfdadd!important
}

.agile-form-transparent::-webkit-input-placeholder {
    color: #fff!important
}

.agile-form-transparent::-moz-placeholder {
    color: #fff!important
}

.agile-form-transparent:-moz-placeholder {
    color: #fff!important
}

.agile-form-transparent:-ms-input-placeholder {
    color: #fff!important
}

.agile-form-transparent .agile-group label,
.agile-form-transparent label.i-checks {
    color: #fff!important
}

.agile-form-transparent.theme1::-webkit-input-placeholder,
.agile-form-transparent.theme2::-webkit-input-placeholder,
.agile-form-transparent.theme3::-webkit-input-placeholder,
.agile-form-transparent.theme4::-webkit-input-placeholder {
    color: #fff!important
}

.agile-form-transparent.theme1::-moz-placeholder,
.agile-form-transparent.theme2::-moz-placeholder,
.agile-form-transparent.theme3::-moz-placeholder,
.agile-form-transparent.theme4::-moz-placeholder {
    color: #fff!important
}

.agile-form-transparent.theme1:-moz-placeholder,
.agile-form-transparent.theme2:-moz-placeholder,
.agile-form-transparent.theme3:-moz-placeholder,
.agile-form-transparent.theme4:-moz-placeholder {
    color: #fff!important
}

.agile-form-transparent.theme1:-ms-input-placeholder,
.agile-form-transparent.theme2:-ms-input-placeholder,
.agile-form-transparent.theme3:-ms-input-placeholder,
.agile-form-transparent.theme4:-ms-input-placeholder {
    color: #fff!important
}

.agile-form-transparent.theme2 legend,
.agile-form-transparent.theme3 legend,
.agile-form-transparent.theme4 legend {
    background-color: transparent
}

.agile-form-transparent.theme1 input:focus,
.agile-form-transparent.theme1 select:focus,
.agile-form-transparent.theme1 textarea:focus,
.agile-form-transparent.theme2 input:focus,
.agile-form-transparent.theme2 select:focus,
.agile-form-transparent.theme2 textarea:focus,
.agile-form-transparent.theme3 input:focus,
.agile-form-transparent.theme3 select:focus,
.agile-form-transparent.theme3 textarea:focus,
.agile-form-transparent.theme4 input:focus,
.agile-form-transparent.theme4 select:focus,
.agile-form-transparent.theme4 textarea:focus {
    border: 1px solid #fff!important
}

.agile-form-transparent.theme4 input,
.agile-form-transparent.theme4 select,
.agile-form-transparent.theme4 textarea {
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    border-bottom-color: 1px solid rgba(238, 238, 238, .27)!important;
    background-color: transparent!important;
    color: #fff!important
}

.agile-form-transparent.theme4 input:focus,
.agile-form-transparent.theme4 select:focus,
.agile-form-transparent.theme4 textarea:focus {
    outline: 0;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    border-bottom-color: 1px solid #fff!important
}

.agile-form-transparent .agile-group .agile-field select {
    background-color: transparent!important
}

.agile-form-blck-transparent {
    background-color: transparent!important;
    color: #333!important
}

.agile-form-blck-transparent button,
.agile-form-blck-transparent legend {
    color: #333!important
}

.agile-form-blck-transparent .agile-form-description {
    color: #333!important;
    background-color: transparent!important
}

.agile-form-blck-transparent .agile-group-addon,
.agile-form-blck-transparent input,
.agile-form-blck-transparent select,
.agile-form-blck-transparent textarea {
    background-color: rgba(255, 255, 255, .07)!important;
    border: 1px solid #9e9e9e!important;
    color: #333!important
}

.agile-form-blck-transparent input:focus,
.agile-form-blck-transparent select:focus,
.agile-form-blck-transparent textarea:focus {
    outline: 0;
    border: 1px solid #999!important
}

.agile-form-blck-transparent select[multiple]:focus {
    background-color: rgba(255, 255, 255, .07);
    color: #333!important
}

.agile-form-blck-transparent select:not([multiple]) option {
    background-color: #cfdadd!important
}

.agile-form-blck-transparent::-webkit-input-placeholder {
    color: #333!important
}

.agile-form-blck-transparent::-moz-placeholder {
    color: #333!important
}

.agile-form-blck-transparent:-moz-placeholder {
    color: #333!important
}

.agile-form-blck-transparent:-ms-input-placeholder {
    color: #333!important
}

.agile-form-blck-transparent .agile-group label,
.agile-form-blck-transparent label.i-checks {
    color: #333!important
}

.agile-form-blck-transparent.theme1::-webkit-input-placeholder,
.agile-form-blck-transparent.theme2::-webkit-input-placeholder,
.agile-form-blck-transparent.theme3::-webkit-input-placeholder,
.agile-form-blck-transparent.theme4::-webkit-input-placeholder {
    color: #333!important
}

.agile-form-blck-transparent.theme1::-moz-placeholder,
.agile-form-blck-transparent.theme2::-moz-placeholder,
.agile-form-blck-transparent.theme3::-moz-placeholder,
.agile-form-blck-transparent.theme4::-moz-placeholder {
    color: #333!important
}

.agile-form-blck-transparent.theme1:-moz-placeholder,
.agile-form-blck-transparent.theme2:-moz-placeholder,
.agile-form-blck-transparent.theme3:-moz-placeholder,
.agile-form-blck-transparent.theme4:-moz-placeholder {
    color: #333!important
}

.agile-form-blck-transparent.theme1:-ms-input-placeholder,
.agile-form-blck-transparent.theme2:-ms-input-placeholder,
.agile-form-blck-transparent.theme3:-ms-input-placeholder,
.agile-form-blck-transparent.theme4:-ms-input-placeholder {
    color: #333!important
}

.agile-form-blck-transparent.theme2 legend,
.agile-form-blck-transparent.theme3 legend,
.agile-form-blck-transparent.theme4 legend {
    background-color: transparent;
    color: #333
}

.agile-form-blck-transparent.theme1 input:focus,
.agile-form-blck-transparent.theme1 select:focus,
.agile-form-blck-transparent.theme1 textarea:focus,
.agile-form-blck-transparent.theme2 input:focus,
.agile-form-blck-transparent.theme2 select:focus,
.agile-form-blck-transparent.theme2 textarea:focus,
.agile-form-blck-transparent.theme3 input:focus,
.agile-form-blck-transparent.theme3 select:focus,
.agile-form-blck-transparent.theme3 textarea:focus,
.agile-form-blck-transparent.theme4 input:focus,
.agile-form-blck-transparent.theme4 select:focus,
.agile-form-blck-transparent.theme4 textarea:focus {
    border: 1px solid #999!important
}

.agile-form-blck-transparent.theme4 input,
.agile-form-blck-transparent.theme4 select,
.agile-form-blck-transparent.theme4 textarea {
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    border-bottom-color: 1px solid rgba(238, 238, 238, .27)!important;
    background-color: transparent!important;
    color: #333!important
}

.agile-form-blck-transparent.theme4 input:focus,
.agile-form-blck-transparent.theme4 select:focus,
.agile-form-blck-transparent.theme4 textarea:focus {
    outline: 0;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    border-bottom-color: 1px solid #999!important
}

.agile-form-blck-transparent .agile-input-group input[type=text]:first-child {
    border-right: 0 none!important
}

.agile-form-blck-transparent .agile-input-group input[type=text]:last-child {
    border-left: 0 none!important
}

.agile-form-blck-transparent .agile-group .agile-field select {
    background-color: transparent!important
}

.agile-stylebutton {
    background-color: #23b7e5;
    border-color: #23b7e5;
    border-radius: 20px;
    height: 44px;
    padding: 0 25px;
    color: #fff;
    border-style: solid
}

.form-view .agile-form-description {
    margin-top: 0;
    word-wrap: break-word
}

.theme1 .agile-form-description {
    border-bottom: 3px solid #f6f6f6;
    text-align: center
}

.theme2 .agile-form-description,
.theme3 .agile-form-description {
    border-bottom: none;
    text-align: center
}

.theme2 .agile-form-description {
    color: #333;
    margin: 0 15px 15px;
    font-size: 14px
}

.theme4 .agile-form-description {
    text-align: center;
    background-color: #77c4d4;
    color: #fff
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://agilecrm.s3.amazonaws.com/forms/woff/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://agilecrm.s3.amazonaws.com/forms/woff/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

.theme5 {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    font-family: "Segoe UI", "Open Sans", sans-serif, serif
}

.theme5 fieldset {
    padding: 0;
    margin: 0
}

.theme5 .agile-form-description,
.theme5 legend {
    text-align: center;
    margin-bottom: 5px
}

.theme5 .agile-form-description {
    margin: 0 15px 15px 25px;
    width: 90%;
    font-size: 14px
}

.theme5 .agile-group {
    margin-left: 35px
}

.theme5 .agile-input-group {
    width: 100%
}

.theme5 .agile-field {
    width: 90%
}

.theme5 input[type=password],
.theme5 input[type=url],
.theme5 input[type=website],
.theme5 input[type=text],
.theme5 input[type=email],
.theme5 select,
.theme5 textarea {
    position: relative;
    padding: 10px!important;
    border: 1px solid #d9d9d9;
    border-radius: 0!important;
    outline: 0!important;
    box-sizing: border-box
}

.theme5 textarea {
    min-height: 6.25em;
    resize: vertical
}

.theme5 .agile-field select {
    background-image: none!important
}

.theme5 select:not([multiple]) {
    background-color: #ddd!important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    line-height: 1.12857;
    font-size: 14px
}

.theme5 .agile-field textarea::-webkit-input-placeholder,
.theme5 select option,
::-webkit-input-placeholder {
    font-family: "Segoe UI", "Open Sans", sans-serif, serif
}

.theme5 select:hover {
    border-color: #787878!important
}

.theme5 .agile-button-field,
.theme6 .agile-button-field {
    text-align: center;
    width: 88%;
    font-size: 14px
}

.theme5 .agile-field button {
    padding: 0 1em;
    line-height: 2.125em;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    color: #262626;
    margin: .15625em 0;
    display: inline-block
}

.theme5 .agile-field button:focus,
.theme5 .agile-field button:hover,
.theme5 .agile-group-addon:focus,
.theme5 .agile-group-addon:hover,
.theme5 input:focus,
.theme5 input:hover,
.theme5 select:focus,
.theme5 select:hover,
.theme5 textarea:focus,
.theme5 textarea:hover {
    border-color: #787878;
    outline: 0!important
}

.theme5 .i-checks input:checked+i {
    border-color: #1d1d1d
}

.theme5 .i-checks input:checked+i:before {
    background-color: #1d1d1d
}

.theme5.agile-form-blck-transparent button,
.theme5.agile-form-transparent button {
    background-color: transparent
}

.theme5.agile-form-transparent .agile-field button,
.theme5.agile-form-transparent .agile-field button:focus,
.theme5.agile-form-transparent .agile-field button:hover,
.theme5.agile-form-transparent .agile-field select:focus,
.theme5.agile-form-transparent .agile-field select:hover,
.theme5.agile-form-transparent .agile-group-addon:focus,
.theme5.agile-form-transparent .agile-group-addon:hover,
.theme5.agile-form-transparent input:focus,
.theme5.agile-form-transparent input:hover,
.theme5.agile-form-transparent textarea:focus,
.theme5.agile-form-transparent textarea:hover {
    border-color: #fff!important
}

.theme5.agile-form-blck-transparent button {
    border: 1px solid #787878!important
}

.theme5.agile-form-blck-transparent .agile-field select,
.theme5.agile-form-transparent .agile-field select {
    background: 0 0!important
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://agilecrm.s3.amazonaws.com/forms/woff/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://agilecrm.s3.amazonaws.com/forms/woff/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

.theme6 {
    overflow-x: hidden;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    font-family: Roboto, Helvetica, Arial, sans-serif!important
}

.theme6 fieldset {
    padding: 0;
    margin: 0
}

.theme6 .agile-form-description,
.theme6 legend {
    text-align: center;
    margin-bottom: 5px
}

.theme6 .agile-form-description {
    margin: 0 15px 15px 25px;
    width: 90%;
    font-size: 14px
}

.theme6 .agile-group input[type=email],
.theme6 .agile-group input[type=password],
.theme6 .agile-group input[type=text],
.theme6 .agile-group input[type=url],
.theme6 .agile-group textarea {
    color: rgba(0, 0, 0, .54);
    border: 0!important;
    outline: 0;
    box-shadow: none;
    padding: 10px!important;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .26)!important;
    border-radius: 0
}

.theme6 .agile-group {
    margin-left: 35px
}

.theme6 .agile-field {
    width: 90%
}

.theme6 .agile-input-group {
    width: 100%
}

.theme6 .agile-group input:focus,
.theme6 .agile-group textarea:focus {
    border-bottom: 2px solid #3f51b5!important
}

.theme6 .agile-group .agile-input-group {
    background-image: -webkit-linear-gradient(bottom, #3f51b5 2px, rgba(63, 81, 181, 0) 0), -webkit-linear-gradient(bottom, rgba(0, 0, 0, .26) 1px, transparent 0)!important;
    background-size: 0 100%, 100% 100%
}

.theme6 .agile-group .agile-input-group .agile-group-addon {
    background: 0 0;
    border: 1px solid #ccc4c4
}

.theme6 .agile-group select:not([multiple]) {
    padding: 10px 20px!important;
    display: inline-block;
    max-width: 100%;
    color: rgba(0, 0, 0, .54);
    border-bottom: 1px solid rgba(0, 0, 0, .26)!important;
    font-size: 15px;
    border-top: none!important;
    border-right: none!important;
    border-left: none!important;
    outline: 0!important;
    border-radius: 0;
    box-shadow: none
}

.theme6 .agile-group .agile-field select[multiple] {
    display: inline-block;
    max-width: 100%;
    padding-right: .75rem\9;
    color: rgba(0, 0, 0, .54);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' …0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center no-repeat #fff;
    background-image: none\9;
    background-size: 8px 10px;
    border: 1px solid rgba(0, 0, 0, .26);
    border-radius: .125em;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 10px 20px!important;
    font-size: 15px
}

.theme6 .agile-group .agile-field select[multiple]:focus {
    border-color: #3f51b5;
    outline: 0
}

.theme6 .agile-group .agile-field select:not([multiple]):focus {
    border-bottom: 2px solid #3f51b5!important;
    outline: 0
}

.theme6 .agile-group .agile-field button {
    color: #3f51b5;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    -webkit-transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1);
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
    padding: 0 1em;
    line-height: 2.125em;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    font-size: 100%;
    margin: .15625em 0;
    display: inline-block
}

.theme6 .agile-group .agile-field button:hover {
    color: #3f51b5;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: hsla(0, 0%, 60%, .2)
}

.theme6 span.agile-group-addon:focus,
.theme6 span.agile-group-addon:hover {
    border: 2px solid #3f51b5!important
}

.theme6 .agile-field textarea::-webkit-input-placeholder,
.theme6 select option,
::-webkit-input-placeholder {
    font-family: Roboto, Helvetica, Arial, sans-serif!important
}

.theme6 textarea {
    resize: vertical
}

.theme6.agile-form-transparent .agile-group button:focus,
.theme6.agile-form-transparent .agile-group button:hover {
    color: #fff;
    background-color: transparent!important;
    border-color: #FFF!important
}

.theme6.agile-form-transparent span.agile-group-addon {
    border: 1px solid #fff!important
}

.theme6.agile-form-transparent .agile-group input,
.theme6.agile-form-transparent .agile-group textarea {
    border-bottom: 1px solid #fff!important;
    background-color: transparent
}

.theme6.agile-form-blck-transparent .agile-group input,
.theme6.agile-form-blck-transparent .agile-group textarea {
    border-bottom: 1px solid #999!important;
    background-color: transparent
}

.theme6.agile-form-blck-transparent .agile-group button,
.theme6.agile-form-blck-transparent span.agile-group-addon:focus,
.theme6.agile-form-blck-transparent span.agile-group-addon:hover {
    border: 1px solid #9e9e9e!important
}

.theme6.agile-form-blck-transparent .agile-group button:focus,
.theme6.agile-form-blck-transparent .agile-group button:hover {
    background-color: rgba(255, 255, 255, .07)!important;
    border: 1px solid #9e9e9e!important;
    color: #333!important
}

.theme6.agile-form-transparent .agile-group input[type=email]:focus,
.theme6.agile-form-transparent .agile-group input[type=password]:focus,
.theme6.agile-form-transparent .agile-group input[type=text]:focus,
.theme6.agile-form-transparent .agile-group input[type=url]:focus,
.theme6.agile-form-transparent .agile-group textarea:focus {
    border-bottom: 1px solid #fff!important
}

.theme6.agile-form-transparent .agile-group select {
    box-shadow: none!important
}

.theme6.agile-form-blck-transparent .agile-group select:not([multiple]),
.theme6.agile-form-blck-transparent .agile-group select:not([multiple]):focus {
    border-bottom: 1px solid #999!important
}

.theme6.agile-form-transparent .agile-group select:not([multiple]),
.theme6.agile-form-transparent .agile-group select:not([multiple]):focus {
    border-bottom: 1px solid #FFF!important
}

.theme6 .i-checks input:checked+i:before {
    background-color: #3f51b5
}

.theme6 .i-checks input:checked+i {
    border-color: #3f51b5
}

.theme7 {
    border: 1px solid #ccc
}

.theme7 .agile-form-description,
.theme7 legend {
    text-align: center;
    margin-bottom: 5px
}

.theme7 .agile-group .agile-field select {
    line-height: 1.42857
}

.agile-group .agile-text-element,
.theme7 button {
    line-height: 1.42857143
}

.theme7 .agile-field.agile-button-field {
    text-align: center;
    width: 90%
}

.theme7 button {
    color: #fff;
    background-color: #337ab7;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    height: 34px
}

.theme7 button:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.agile-form-transparent.theme7 button:hover {
    background: 0 0;
    border: 1px solid #FFF
}

.agile-form-transparent.theme7 button {
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 0
}

.agile-form-blck-transparent.theme7 button:hover {
    background: 0 0;
    border: 1px solid #9e9e9e
}

.agile-form-blck-transparent.theme7 button {
    background: 0 0;
    border: 1px solid #9e9e9e;
    border-radius: 0
}

.theme7 .agile-group {
    margin-left: 35px
}

.theme7 .agile-field {
    width: 90%
}

.theme7 input[type=password],
.theme7 input[type=url],
.theme7 input[type=website],
.theme7 input[type=text],
.theme7 input[type=email],
.theme7 select,
.theme7 textarea {
    box-sizing: border-box
}

.theme7 fieldset {
    padding: 0;
    margin: 0
}

.theme7 .agile-input-group {
    width: 100%
}

.theme7 .agile-form-description {
    margin: 5px 15px 15px 25px;
    width: 90%;
    font-size: 14px
}

.theme5 .i-checks>i {
    border: 1px solid #d9d9d9
}

.theme6 .i-checks>i {
    border: 1px solid #ccc4c4
}

.theme7 .i-checks>i {
    border: 1px solid #ccc
}

.theme7 .i-checks input:checked+i:before {
    background-color: #787878!important
}

.theme7 .i-checks input:checked+i {
    border: 1px solid #787878!important
}

.theme2 .i-checks input:checked+i:before {
    background-color: #66afe9!important
}

.theme2.agile-form-transparent .i-checks>i,
.theme5.agile-form-transparent .i-checks>i,
.theme6.agile-form-transparent .i-checks>i,
.theme7.agile-form-transparent .i-checks>i {
    border: 1px solid #fff!important;
    background-color: transparent
}

.theme2.agile-form-transparent .i-checks input:checked+i:before,
.theme5.agile-form-transparent .i-checks input:checked+i:before,
.theme6.agile-form-transparent .i-checks input:checked+i:before,
.theme7.agile-form-transparent .i-checks input:checked+i:before {
    background-color: #fff!important
}

.theme2.agile-form-blck-transparent .i-checks>i,
.theme5.agile-form-blck-transparent .i-checks>i,
.theme6.agile-form-blck-transparent .i-checks>i,
.theme7.agile-form-blck-transparent .i-checks>i {
    border: 1px solid #333!important;
    background-color: transparent
}

.theme2.agile-form-blck-transparent .i-checks input:checked+i:before,
.theme5.agile-form-blck-transparent .i-checks input:checked+i:before,
.theme6.agile-form-blck-transparent .i-checks input:checked+i:before,
.theme7.agile-form-blck-transparent .i-checks input:checked+i:before {
    background-color: #333!important
}

.theme7.agile-form-transparent .i-checks input:checked+i {
    border: 1px solid #fff!important
}

.theme7.agile-form-blck-transparent .i-checks input:checked+i {
    border: 1px solid #333!important
}

.agile-group .date-field select.choose-date,
.agile-group .date-field select.choose-month {
    border-radius: 0!important;
    height: 30px;
    padding: 5px!important;
    background: url(https://agilecrm.s3.amazonaws.com/forms/select-down-arrow.png) 98% 49% no-repeat #fff!important;
    float: left
}

.agile-group .date-field select.choose-date {
    width: 75px;
    border: 1px solid #ccc
}

.agile-group .date-field select.choose-month {
    width: 77px;
    width: 90px;
    border: 1px solid #ccc
}

.agile-group .date-field select.choose-year {
    height: 30px;
    border-radius: 0!important;
    width: 64px;
    width: 82px;
    float: left;
    padding: 5px!important;
    border: 1px solid #ccc;
    background: url(https://agilecrm.s3.amazonaws.com/forms/select-down-arrow.png) 98% 49% no-repeat #fff!important
}

.agile-group .date-field select:focus {
    outline: 0
}

.date-hiddeninput {
    border: 0 solid transparent;
    color: transparent;
    outline: 0;
    width: 0;
    height: 0;
    float: left
}

.theme2 .agile-group .choose-date,
.theme2 .agile-group .choose-month,
.theme2 .agile-group .choose-year {
    border: 3px solid #f3f3f3!important;
    height: 37px!important
}

.theme2 .agile-group .choose-date:focus,
.theme2 .agile-group .choose-month:focus,
.theme2 .agile-group .choose-year:focus {
    border: 3px solid #66afe9!important
}

.theme4 .agile-group .choose-date,
.theme4 .agile-group .choose-month,
.theme4 .agile-group .choose-year {
    border-bottom: 1px solid #eee!important;
    border-top: none!important;
    border-right: none!important;
    border-left: none!important
}

.theme4.agile-form-transparent .agile-group .choose-date,
.theme4.agile-form-transparent .agile-group .choose-month,
.theme4.agile-form-transparent .agile-group .choose-year {
    border-bottom: 1px solid rgba(238, 238, 238, .27)!important
}

.theme4.agile-form-transparent .agile-group .choose-date:focus,
.theme4.agile-form-transparent .agile-group .choose-month:focus,
.theme4.agile-form-transparent .agile-group .choose-year:focus {
    border-bottom: 1px solid #fff!important
}

.theme4.agile-form-blck-transparent .agile-group .choose-date,
.theme4.agile-form-blck-transparent .agile-group .choose-month,
.theme4.agile-form-blck-transparent .agile-group .choose-year {
    border-bottom: 1px solid #9e9e9e!important
}

.theme2.agile-form-blck-transparent .agile-group .choose-date,
.theme2.agile-form-blck-transparent .agile-group .choose-month,
.theme2.agile-form-blck-transparent .agile-group .choose-year,
.theme2.agile-form-transparent .agile-group .choose-date,
.theme2.agile-form-transparent .agile-group .choose-month,
.theme2.agile-form-transparent .agile-group .choose-year {
    border-width: 1px!important
}

.theme1.agile-form-blck-transparent .agile-group .choose-date,
.theme1.agile-form-blck-transparent .agile-group .choose-month,
.theme1.agile-form-blck-transparent .agile-group .choose-year,
.theme1.agile-form-transparent .agile-group .choose-date,
.theme1.agile-form-transparent .agile-group .choose-month,
.theme1.agile-form-transparent .agile-group .choose-year,
.theme2.agile-form-blck-transparent .agile-group .choose-date,
.theme2.agile-form-blck-transparent .agile-group .choose-month,
.theme2.agile-form-blck-transparent .agile-group .choose-year,
.theme2.agile-form-transparent .agile-group .choose-date,
.theme2.agile-form-transparent .agile-group .choose-month,
.theme2.agile-form-transparent .agile-group .choose-year,
.theme3.agile-form-blck-transparent .agile-group .choose-date,
.theme3.agile-form-blck-transparent .agile-group .choose-month,
.theme3.agile-form-blck-transparent .agile-group .choose-year,
.theme3.agile-form-transparent .agile-group .choose-date,
.theme3.agile-form-transparent .agile-group .choose-month,
.theme3.agile-form-transparent .agile-group .choose-year,
.theme4.agile-form-blck-transparent .agile-group .choose-date,
.theme4.agile-form-blck-transparent .agile-group .choose-month,
.theme4.agile-form-blck-transparent .agile-group .choose-year,
.theme4.agile-form-transparent .agile-group .choose-date,
.theme4.agile-form-transparent .agile-group .choose-month,
.theme4.agile-form-transparent .agile-group .choose-year,
.theme5.agile-form-blck-transparent .agile-group .choose-date,
.theme5.agile-form-blck-transparent .agile-group .choose-month,
.theme5.agile-form-blck-transparent .agile-group .choose-year,
.theme5.agile-form-transparent .agile-group .choose-date,
.theme5.agile-form-transparent .agile-group .choose-month,
.theme5.agile-form-transparent .agile-group .choose-year,
.theme6.agile-form-blck-transparent .agile-group .choose-date,
.theme6.agile-form-blck-transparent .agile-group .choose-month,
.theme6.agile-form-blck-transparent .agile-group .choose-year,
.theme6.agile-form-transparent .agile-group .choose-date,
.theme6.agile-form-transparent .agile-group .choose-month,
.theme6.agile-form-transparent .agile-group .choose-year,
.theme7.agile-form-blck-transparent .agile-group .choose-date,
.theme7.agile-form-blck-transparent .agile-group .choose-month,
.theme7.agile-form-blck-transparent .agile-group .choose-year,
.theme7.agile-form-transparent .agile-group .choose-date,
.theme7.agile-form-transparent .agile-group .choose-month,
.theme7.agile-form-transparent .agile-group .choose-year {
    background-color: transparent!important
}

.theme1 .agile-group .choose-date {
    border-top-left-radius: 50px!important;
    border-bottom-left-radius: 50px!important
}

.theme2.agile-form-blck-transparent .agile-group .choose-date,
.theme2.agile-form-blck-transparent .agile-group .choose-month,
.theme2.agile-form-blck-transparent .agile-group .choose-year {
    border: 1px solid #9e9e9e!important
}

.theme1 .agile-group .date-field select.choose-date {
    border-top-left-radius: 50px!important;
    border-bottom-left-radius: 50px!important;
    padding-left: 8px!important;
    height: 37px
}

.theme1 .agile-group .date-field select.choose-year {
    border-top-right-radius: 50px!important;
    border-bottom-right-radius: 50px!important;
    height: 37px
}

.agile-form-blck-transparent .agile-group .date-hiddeninput,
.agile-form-transparent .agile-group .date-hiddeninput {
    border: 0 solid transparent!important
}

.agile-form-blck-transparent .agile-group .date-field select.choose-date,
.agile-form-blck-transparent .agile-group .date-field select.choose-month,
.agile-form-blck-transparent .agile-group .date-field select.choose-year,
.agile-form-transparent .agile-group .date-field select.choose-date,
.agile-form-transparent .agile-group .date-field select.choose-month,
.agile-form-transparent .agile-group .date-field select.choose-year {
    background: url(https://agilecrm.s3.amazonaws.com/forms/select-down-arrow.png) 98% 49% no-repeat!important
}

.agile-hide-formname {
    display: none
}

.theme2 .agile-hide-formname+.agile-form-description,
.theme3 .agile-hide-formname+.agile-form-description,
.theme6 .agile-hide-formname+.agile-form-description {
    margin: 15px
}

.theme4 .agile-hide-formname+.agile-form-description {
    padding: 15px
}

.theme1 .agile-group .date-field select.choose-date,
.theme2 .agile-group .date-field select.choose-date,
.theme3 .agile-group .date-field select.choose-date,
.theme4 .agile-group .date-field select.choose-date,
.theme7 .agile-group .date-field select.choose-date {
    width: 125px
}

.theme5 .agile-group .date-field select.choose-date,
.theme6 .agile-group .date-field select.choose-date {
    width: 106px
}

.theme4 .agile-group .date-field select.choose-month {
    width: 120px
}

.theme5 .agile-group .date-field select.choose-month,
.theme6 .agile-group .date-field select.choose-month {
    width: 129px
}

.theme7 .agile-group .date-field select.choose-month {
    width: 105px
}

.theme2 .agile-group .date-field select.choose-month,
.theme3 .agile-group .date-field select.choose-month {
    width: 128px
}

.theme1 .agile-group .date-field select.choose-month {
    height: 37px;
    width: 130px
}

.theme1 .agile-group .date-field select.choose-year {
    width: 113px
}

.theme2 .agile-group .date-field select.choose-year,
.theme3 .agile-group .date-field select.choose-year,
.theme4 .agile-group .date-field select.choose-year,
.theme5 .agile-group .date-field select.choose-year,
.theme6 .agile-group .date-field select.choose-year,
.theme7 .agile-group .date-field select.choose-year {
    width: 120px
}

@media(max-width:320px) {
    .agile-field {
        width: 220px!important
    }
    .theme1 .agile-form-description,
    .theme1 .agile-group,
    .theme2 .agile-form-description,
    .theme2 .agile-group,
    .theme3 .agile-form-description,
    .theme3 .agile-group,
    .theme4 .agile-group,
    .theme5 .agile-form-description,
    .theme5 .agile-group,
    .theme6 .agile-form-description,
    .theme6 .agile-group,
    .theme7 .agile-form-description,
    .theme7 .agile-group {
        margin-left: 15px
    }
    .theme1 .agile-field,
    .theme2 .agile-field,
    .theme3 .agile-field,
    .theme4 .agile-field,
    .theme5 .agile-field,
    .theme6 .agile-field,
    .theme7 .agile-field {
        width: 83%!important
    }
    .g-recaptcha {
        transform: scale(.82)!important;
        -webkit-transform: scale(.82)!important;
        transform-origin: 0 0!important;
        -webkit-transform-origin: 0 0!important
    }
    .theme1 .agile-form-description {
        float: left;
        border: 0 solid transparent
    }
    .agile-group .date-field select.choose-date {
        width: 70px!important
    }
    .agile-group .date-field select.choose-month {
        width: 69px!important
    }
    .agile-group .date-field select.choose-year {
        width: 79px!important
    }
    .theme1 .agile-group .date-field select.choose-year {
        width: 64px!important
    }
}

@media(min-width:321px) and (max-width:375px) {
    .theme5 .agile-group .date-field select.choose-date,
    .theme6 .agile-group .date-field select.choose-date,
    .theme7 .agile-group .date-field select.choose-date {
        width: 82px!important
    }
    .agile-group .date-field select.choose-date {
        width: 66px!important
    }
    .theme1 .agile-group .date-field select.choose-date {
        width: 95px!important
    }
    .theme2 .agile-group .date-field select.choose-date,
    .theme3 .agile-group .date-field select.choose-date,
    .theme4 .agile-group .date-field select.choose-date {
        width: 100px!important
    }
    .agile-group .date-field select.choose-month {
        width: 91px!important
    }
    .theme1 .agile-group .date-field select.choose-month {
        width: 110px!important
    }
    .theme2 .agile-group .date-field select.choose-month,
    .theme3 .agile-group .date-field select.choose-month,
    .theme4 .agile-group .date-field select.choose-month,
    .theme5 .agile-group .date-field select.choose-month,
    .theme6 .agile-group .date-field select.choose-month,
    .theme7 .agile-group .date-field select.choose-month {
        width: 105px!important
    }
    .agile-group .date-field select.choose-year,
    .theme7 .agile-group .date-field select.choose-year {
        width: 93px!important
    }
    .theme2 .agile-group .date-field select.choose-year,
    .theme3 .agile-group .date-field select.choose-year,
    .theme4 .agile-group .date-field select.choose-year,
    .theme5 .agile-group .date-field select.choose-year,
    .theme6 .agile-group .date-field select.choose-year {
        width: 101px!important
    }
    .g-recaptcha {
        transform: scale(.92)!important;
        -webkit-transform: scale(.92)!important;
        transform-origin: 0 0!important;
        -webkit-transform-origin: 0 0!important
    }
}

@media(min-width:376px) and (max-width:425px) {
    .agile-group .date-field select.choose-date {
        width: 77px
    }
    .agile-group .date-field select.choose-month {
        width: 80px
    }
    .agile-group .date-field select.choose-year {
        width: 88px
    }
    .theme1 .agile-group .date-field select.choose-date {
        width: 99px!important
    }
    .theme7 .agile-group .date-field select.choose-date {
        width: 102px!important
    }
    .theme2 .agile-group .date-field select.choose-date,
    .theme3 .agile-group .date-field select.choose-date,
    .theme4 .agile-group .date-field select.choose-date {
        width: 119px!important
    }
    .theme5 .agile-group .date-field select.choose-date,
    .theme6 .agile-group .date-field select.choose-date {
        width: 90px!important
    }
    .theme1 .agile-group .date-field select.choose-month {
        width: 129px!important
    }
    .theme5 .agile-group .date-field select.choose-month,
    .theme6 .agile-group .date-field select.choose-month {
        width: 123px
    }
    .theme2 .agile-group .date-field select.choose-month,
    .theme3 .agile-group .date-field select.choose-month,
    .theme4 .agile-group .date-field select.choose-month {
        width: 121px!important
    }
    .theme2 .agile-group .date-field select.choose-year,
    .theme3 .agile-group .date-field select.choose-year,
    .theme4 .agile-group .date-field select.choose-year {
        width: 111px!important
    }
    .theme1 .agile-group .date-field select.choose-year {
        width: 114px!important
    }
}

@media(min-width:426px) and (max-width:768px) {
    .agile-group .date-field select.choose-date {
        width: 83px
    }
    .agile-group .date-field select.choose-month {
        width: 87px
    }
    .agile-group .date-field select.choose-year {
        width: 78px
    }
    .theme5 .agile-group .date-field select.choose-month,
    .theme6 .agile-group .date-field select.choose-month {
        width: 129px
    }
    .theme4 .agile-group .date-field select.choose-date {
        width: 120px
    }
    .theme5 agile-group .date-field select.choose-date {
        width: 90px!important
    }
    .theme4 .agile-group .date-field select.choose-month {
        width: 141px
    }
    .theme7 .agile-group .date-field select.choose-month {
        width: 104px
    }
    .theme4 .agile-group .date-field select.choose-year {
        width: 109px
    }
}

#agileform_div .theme7 .agile-group .date-field select.choose-month {
    width: 100px
}

#agileform_div .theme5 .agile-group .date-field select.choose-month,
#agileform_div .theme6 .agile-group .date-field select.choose-month {
    width: 123px
}

#agileform_div .theme2 .agile-group .date-field select.choose-month,
#agileform_div .theme3 .agile-group .date-field select.choose-month {
    width: 121px
}

#agileform_div .theme1 .agile-group .date-field select.choose-month {
    width: 120px
}

@media (max-width:320px) {
    #agileform_div .theme1 .agile-group .date-field select.choose-date {
        width: 51px!important
    }
    #agileform_div .theme1 .agile-group .date-field select.choose-month {
        width: 60px!important
    }
    #agileform_div .theme1 .agile-group .date-field select.choose-year {
        width: 50px!important
    }
    #agileform_div .theme2 .agile-group .date-field select.choose-date,
    #agileform_div .theme3 .agile-group .date-field select.choose-date,
    #agileform_div .theme4 .agile-group .date-field select.choose-date,
    #agileform_div .theme5 .agile-group .date-field select.choose-date,
    #agileform_div .theme6 .agile-group .date-field select.choose-date,
    #agileform_div .theme7 .agile-group .date-field select.choose-date {
        width: 51px!important
    }
    #agileform_div .theme2 .agile-group .date-field select.choose-month,
    #agileform_div .theme3 .agile-group .date-field select.choose-month,
    #agileform_div .theme4 .agile-group .date-field select.choose-month,
    #agileform_div .theme5 .agile-group .date-field select.choose-month,
    #agileform_div .theme6 .agile-group .date-field select.choose-month,
    #agileform_div .theme7 .agile-group .date-field select.choose-month {
        width: 68px!important
    }
    #agileform_div .theme2 .agile-group .date-field select.choose-year,
    #agileform_div .theme5 .agile-group .date-field select.choose-year,
    #agileform_div .theme6 .agile-group .date-field select.choose-year,
    #agileform_div .theme7 .agile-group .date-field select.choose-year {
        width: 58px!important
    }
    #agileform_div .theme3 .agile-group .date-field select.choose-year,
    #agileform_div .theme4 .agile-group .date-field select.choose-year {
        width: 71px!important
    }
    #agileform_div .g-recaptcha {
        transform: scale(.61)!important;
        -webkit-transform: scale(.61)!important
    }
}

@media (max-width:375px) and (min-width:321px) {
    #agileform_div .agile-field {
        width: 207px!important
    }
    #agileform_div .agile-group .date-field select.choose-year {
        width: 65px!important
    }
    #agileform_div .agile-group .date-field select.choose-date {
        width: 66px!important
    }
    #agileform_div .agile-group .date-field select.choose-month {
        width: 75px!important
    }
    #agileform_div .theme5 .agile-group .date-field select.choose-date,
    #agileform_div .theme6 .agile-group .date-field select.choose-date {
        width: 67px!important
    }
    #agileform_div .theme7 .agile-group .date-field select.choose-date {
        width: 52px!important
    }
    #agileform_div .theme1 .agile-group .date-field select.choose-date {
        width: 68px!important
    }
    #agileform_div .theme1 .agile-group .date-field select.choose-month,
    #agileform_div .theme5 .agile-group .date-field select.choose-month,
    #agileform_div .theme6 .agile-group .date-field select.choose-month {
        width: 70px!important
    }
    #agileform_div .theme1 .agile-group .date-field select.choose-year,
    #agileform_div .theme5 .agile-group .date-field select.choose-year,
    #agileform_div .theme6 .agile-group .date-field select.choose-year {
        width: 68px!important
    }
    #agileform_div .theme2 .agile-group .date-field select.choose-date,
    #agileform_div .theme3 .agile-group .date-field select.choose-date,
    #agileform_div .theme4 .agile-group .date-field select.choose-date {
        width: 67px!important
    }
    #agileform_div .theme2 .agile-group .date-field select.choose-month,
    #agileform_div .theme2 .agile-group .date-field select.choose-year,
    #agileform_div .theme3 .agile-group .date-field select.choose-month,
    #agileform_div .theme3 .agile-group .date-field select.choose-year,
    #agileform_div .theme4 .agile-group .date-field select.choose-month,
    #agileform_div .theme4 .agile-group .date-field select.choose-year,
    #agileform_div .theme7 .agile-group .date-field select.choose-month {
        width: 70px!important
    }
    #agileform_div .theme7 .agile-group .date-field select.choose-year {
        width: 60px!important
    }
    #agileform_div .g-recaptcha {
        transform: scale(.72)!important;
        -webkit-transform: scale(.72)!important
    }
}

@media (max-width:425px) and (min-width:376px) {
    #agileform_div .theme1 .agile-group .date-field select.choose-date,
    #agileform_div .theme5 .agile-group .date-field select.choose-date {
        width: 86px!important
    }
    #agileform_div .theme6 .agile-group .date-field select.choose-date,
    #agileform_div .theme7 .agile-group .date-field select.choose-date {
        width: 77px!important
    }
    #agileform_div .theme1 .agile-group .date-field select.choose-month,
    #agileform_div .theme2 .agile-group .date-field select.choose-month,
    #agileform_div .theme3 .agile-group .date-field select.choose-month,
    #agileform_div .theme4 .agile-group .date-field select.choose-month,
    #agileform_div .theme5 .agile-group .date-field select.choose-month,
    #agileform_div .theme6 .agile-group .date-field select.choose-month,
    #agileform_div .theme7 .agile-group .date-field select.choose-month {
        width: 70px!important
    }
    #agileform_div .theme1 .agile-group .date-field select.choose-year,
    #agileform_div .theme6 .agile-group .date-field select.choose-year {
        width: 86px!important
    }
    #agileform_div .theme5 .agile-group .date-field select.choose-year,
    #agileform_div .theme7 .agile-group .date-field select.choose-year {
        width: 78px!important
    }
    #agileform_div .theme2 .agile-group .date-field select.choose-date,
    #agileform_div .theme3 .agile-group .date-field select.choose-date,
    #agileform_div .theme4 .agile-group .date-field select.choose-date {
        width: 93px!important
    }
    #agileform_div .theme2 .agile-group .date-field select.choose-year,
    #agileform_div .theme3 .agile-group .date-field select.choose-year,
    #agileform_div .theme4 .agile-group .date-field select.choose-year {
        width: 88px!important
    }
}

@media(max-width:768px) and (min-width:426px) {
    #agileform_div .agile-group .date-field select.choose-date,
    #agileform_div .agile-group .date-field select.choose-month {
        width: 74px!important
    }
    #agileform_div .agile-group .date-field select.choose-year {
        width: 79px!important
    }
    #agileform_div .g-recaptcha {
        transform: scale(.79)!important;
        -webkit-transform: scale(.79)!important
    }
}

@media (max-width:1024px) and (min-width:769px) {
    #agileform_div .theme1 .agile-group .date-field select.choose-date,
    #agileform_div .theme6 .agile-group .date-field select.choose-date,
    #agileform_div .theme7 .agile-group .date-field select.choose-date {
        width: 93px
    }
    #agileform_div .theme5 .agile-group .date-field select.choose-month,
    #agileform_div .theme6 .agile-group .date-field select.choose-month,
    #agileform_div .theme7 .agile-group .date-field select.choose-month {
        width: 89px!important
    }
    #agileform_div .theme1 .agile-group .date-field select.choose-month {
        width: 99px!important
    }
    #agileform_div .theme1 .agile-group .date-field select.choose-year,
    #agileform_div .theme6 .agile-group .date-field select.choose-year {
        width: 90px!important
    }
    #agileform_div .theme2 .agile-group .date-field select.choose-date,
    #agileform_div .theme3 .agile-group .date-field select.choose-date,
    #agileform_div .theme4 .agile-group .date-field select.choose-date,
    #agileform_div .theme5 .agile-group .date-field select.choose-date,
    #agileform_div .theme6 .agile-group .date-field select.choose-date {
        width: 77px!important
    }
    #agileform_div .theme2 .agile-group .date-field select.choose-month,
    #agileform_div .theme3 .agile-group .date-field select.choose-month,
    #agileform_div .theme4 .agile-group .date-field select.choose-month,
    #agileform_div .theme6 .agile-group .date-field select.choose-month {
        width: 97px!important
    }
    #agileform_div .theme2 .agile-group .date-field select.choose-year,
    #agileform_div .theme3 .agile-group .date-field select.choose-year,
    #agileform_div .theme4 .agile-group .date-field select.choose-year {
        width: 117px!important
    }
    #agileform_div .theme5 .agile-group .date-field select.choose-year,
    #agileform_div .theme6 .agile-group .date-field select.choose-year,
    #agileform_div .theme7 .agile-group .date-field select.choose-year {
        width: 85px!important
    }
}

@media(max-width:1440px) and (min-width:1025px) {
    #agileform_div .agile-group .date-field select.choose-date,
    #agileform_div .agile-group .date-field select.choose-month,
    #agileform_div .agile-group .date-field select.choose-year {
        width: 90px!important
    }
}

.agile-group .agile-header-element,
.agile-group .agile-text-element {
    overflow: hidden;
    padding: 7px 25px 0 0;
    word-wrap: break-word;
    width: 100%;
    font-weight: 400
}

.agile-span-asterisk {
    color: red
}

.agile-form-transparent .agile-header-element,
.agile-form-transparent .agile-text-element {
    color: #fff!important
}

@supports (-webkit-appearance:none) {
    .form-view select:not([multiple]) {
        -webkit-appearance: none;
        background: url(https://agilecrm.s3.amazonaws.com/forms/select-down-arrow.png) 98% 49% no-repeat #fff!important
    }
}

@supports (-moz-appearance:none) {
    .form-view select:not([multiple]) {
        -moz-appearance: none;
        background: url(https://agilecrm.s3.amazonaws.com/forms/select-down-arrow.png) 98% 49% no-repeat #fff!important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .form-view select:not([multiple]) {
        background: 0 0!important
    }
}