form {
    margin: auto;
    text-align: center;
    display: block;
    width: 100%;
}

form * {
    text-align: left;
}

form label {
    clear: both;
    float: left;
    text-align: left;
    margin-top: 8px;
    cursor: pointer;
    margin-bottom: 11px;
    color: #4A4A4A;
}

form span label {
    clear: none;
    float: none;
}

form input[type="text"], form input[type="password"], form input[type="email"], form textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 23px;
    width: 100%;
    border: 1px;
    border-radius: 8px;
    padding: 4px 0px 4px 0px;
    font-family: 'Poppins', sans-serif;
}

form input[type="text"]:focus, form input[type="password"]:focus, form input[type="email"]:focus, form textarea:focus {
    border-color: #0085D1;
}

form input[type="text"]:disabled, form input[type="password"]:disabled, form input[type="email"]:disabled, form textarea:disabled {
    background: none repeat scroll 0 0 #CCC;
}

form span.error input, form span.error textarea {
    border-color: #C1272D;
    box-shadow: 0 0 2px 2px #C1272D;
}

form select, form input[type=file] {
    border: solid 1px rgba(255, 255, 255, 0);
    background-color: #0085D1;
    color: white;
    padding: 2px 0;
    border-radius: 8px;
    font-family: 'poppins', sans serif;
    width: 100%;
}

form span {
    margin: 8px 0;
    display: block;
}

form span.textarea {
    /* float: left; */
    margin: 8px 0;
    text-align: left;
    display: block;
    width: 100%;
}

form input[type="checkbox"] {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

span:not(#foo) > input[type='checkbox'] + label {
    display: inline-block;
    margin: 0;
    padding: 2px 0 0px 24px;
    cursor: pointer;
    height: 18px;
    background: url('../images/check-37.png') 0 -20px no-repeat;
}

span:not(#foo) > input[type='checkbox']:checked + label {
    background-position: 0 -40px;
}

form input[type="radio"] {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

span:not(#foo) > input[type='radio'] + label {
    display: inline-block;
    margin: 0;
    padding: 2px 0 0px 25px;
    cursor: pointer;
    height: 14px;
    background: url('../images/radio-23.png') 5px -14px no-repeat;
}

span:not(#foo) > input[type='radio']:checked + label {
    background-position: 5px -29px;
}

form input[type="submit"] {
    clear: both;
    float: none;
    margin: auto;

}

form input[type="submit"]:active {

}

textarea {
    font-family: inherit;
    font-size: inherit;
    resize: vertical;
}

form textarea {
    height: 150px;
    margin-bottom: 5px;
    width: 100%;
    border: 2px solid #0085D1;
    padding: 4px !important;
}

form span.end {
    clear: both;
    display: block;
    width: 100%;
    text-align: center;
}

form fieldset {
    padding-left: 0;
    clear: both;
}

form legend {
    clear: both;
    color: #0082C5;
    display: inline;
    text-align: left;
    float: left;
    max-width: 580px;

}

fieldset .labelfieldset {
    width: 25px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
}

fieldset .labelfieldset.rotated {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

form .end {
    clear: both;
}

/*
form span.end.test-submits .submitbutton{
    float: right;
}*/

form span.end .submitbutton {
    float: right;
}

form span.end.test-submits input[type=submit], form span.end.test-submits input[type=submit] .submitbutton {
    float: right;
    clear: none;
    margin-left: 30px;

}

#profile-creation {
    /*margin: 0 20px;*/
    margin: 0;
}

#profile-creation legend {
    margin-top: 5px;
    padding-top: 0;
    border: medium none;
    width: 150px;
}

#profile-creation .legendcontainer {
    /*width: 49%;*/
    width: 32%;
    border: none;
    display: inline;
    float: left;
    padding-top: 0px;
    font-size: 13px;
}

#profile-creation fieldset fieldset legend {
    width: 100%;
}

#profile-creation fieldset {
    /* background-color: #EEE; */
    margin-bottom: 15px;
    padding: 3px;
}

#profile-creation fieldset fieldset {
    margin-bottom: 0;
    padding: 0;
}

#profile-creation fieldset span {
    float: left;
    text-align: center;
    width: 17%;
    /* vertical-align: middle; */
}

#profile-creation fieldset span:first-child {
    margin-left: 200px;
}

#profile-creation fieldset input[type=text] {
    width: 93%;
}

.formprofilelegend {
    text-align: right;
}

.formprofilelegend div {
    display: inline-block;
    width: 17.6%;
    text-align: center;
}

form .formdescription, .group-title {
    clear: both;
    background-color: white;
    text-align: left;
    position: relative;
    top: 10px;
    margin: 30px 0 25px;
    width: 98.8%;
    height: auto;
    border-radius: 8px;
    padding: 18px 0px 15px 15px;
    background-image: url(../images/border-blue.jpg);
    background-position: -47px -105px;
    background-repeat: repeat-x;
    /*font-weight: 600;*/
    /*text-transform: uppercase;*/
    font-size: 16px;
}

form .inline-error {
    clear: both;
    color: #CC0000;
    height: 0;
    left: 0;
    position: relative;
    width: 250px;
    margin-top: 10px;
    margin-bottom: 30px;
}

form div.error {
    background-color: #CC0000;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    padding: 5px;
    margin-bottom: 7px;
}

form .checkboxdiv {
    text-align: left;
    padding-top: 1px;
    clear: both;
}

form .checkboxdiv span {
    width: 30px;
    float: left;
}

form .checkboxdiv label {
    clear: right;
    float: none;
    display: inline-block;
    margin-top: 10px;
}

form.test14form-step1 .checkboxdiv {
    width: 330px;
    float: left;
    text-transform: uppercase;
    clear: none;
}

form.test14form-step1 input[type=text] {
    width: 245px;
}

form.test14form-step1 #totalcount {
    height: 0px;
    width: 100%;
    margin-bottom: -8px;
    text-align: right;
}

form.test14form-step1 #totalcount div {
    text-align: right;
    background: tran;
}

form.test14form-step1 #totalcount div span {
    float: none;
    clear: none;
    display: inline;
}

form.test14form-step1 #totalcount #selectednumber {
    font-size: 30px;
    color: #C1272D;
    padding: 20px 0 0px;
}

form.test14form-step1 #totalcount #selectednumber.right {
    color: #009245;
}

form.test14form-step1 #totalcount #selectednumber.almostright {
    color: #FFCC00;
}

.tip {
    color: #CC0000;
    display: inline !important;
    float: none !important;
    font-weight: bold;
    padding: 2px 8px;
    cursor: pointer;
    position: relative;
}

#tip {
    background-color: #EEE;
    z-index: 100;
    border: solid 1px #666666;
    width: 200px;
    padding: 5px 5px 5px 8px;
    top: -3px;
    left: 27px;
    position: absolute;
    color: #666666;
    font-weight: normal;
    cursor: default;
}

#tip:first-letter {
    text-transform: capitalize
}

#tip span {
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
    display: block;
    height: 10px;
    left: -6px;
    top: -1px;
    position: absolute;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 10px;
    margin: 8px 0;
    background-color: #EEE;
}

.test4form .test4initialquestions span {
    width: 60px;
    float: none;
    clear: none;
    display: inline;
    margin: 0 5px;
}

.test4form .test4initialquestions input {
    width: 60px;
}

.test4form .test4initialquestions label {
    float: none;
    display: inline;

    clear: none;
}

.test4form .test4initialquestions .inline-error {

    clear: none;
    position: initial;
    top: auto;
    left: auto;
    color: #CC0000;
    height: 0;
    text-align: left;
    width: 259px;
    display: inline;
    margin: 0 10px;
}

.test14form-step4 li:nth-child(2n) {
    background: none repeat scroll 0 0 #EDEDED;
}

.test14form-step4 li:nth-child(2n+1) {
    background: none repeat scroll 0 0 #FFFFFF;
}

.test14form-step4 li {
    cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default !important;
    margin-left: 10px;
    list-style-type: decimal;
    /*font-size: 28px;*/
    border-bottom: solid 1px #B1B1B1;
    padding: 3px 0 3px 30px;

}

.test14form-step4 li:focus {
    cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default !important;
}

.test14form-step4 li:hover {
    background: #C8E9F7;
}

.test14form-step4 li h6 {
    height: auto;
    font-weight: bold;
    color: #0071B4;
    font-size: 13px;
}

.test14form-step4 li p {
    font-size: 11px;
}

.test14form-step4 .ui-sortable-helper {
    cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default !important;
}

.test14form-step4 .ui-sortable-placeholder {
    height: 50px;
}

form .numberradio {
    position: relative;
    clear: both;
}

form .numberradio span {
    float: right;
    width: auto;
    margin: 2px 0 5px;
    text-align: right;
}

form .numberradio label {
    max-width: 580px;
    margin-top: 2px;
    cursor: default;

}

/*form .numberradio .inline-error{*/
/*position: absolute;*/
/*top:0px;*/
/*left: 666px;*/
/*}*/

label.visibleradiolabel {
    margin: 0 0px 2px 0;
}

.confirmationlink {
    display: inline-block;
}

.hiddenconfirmation {
    display: none;
    font-weight: normal;
}

.hiddenconfirmation .yes, .hiddenconfirmation .no {
    font-weight: bold;
    padding: 4px;

}

.hiddenconfirmation .yes {
    color: #C1272D;

}

.hiddenconfirmation .no {
    color: #009245;
}

#test-19 {
}

#test-19 fieldset {
    padding-left: 115px;
    background: url(../images/ladder_repeat.png) -5px -6px repeat-y;
}

#test-19 fieldset.lastfield {
    background: url(../images/ladder_end.png) -5px 0px repeat-y;
    height: 30px;
}

#test-19 fieldset.firstfield {
    margin-top: 20px;
}

#test-19 label {
    clear: none;
    float: left;
    width: 172px;
    margin-left: 8px;
    margin-top: 10px;
}

#test-19 label:first-child {
    margin-left: 5px;

}

#test-19 .legendcontainer {
    border: none;
    display: none;
}

#test-19 span {
    float: left;
    width: 175px;
    margin: 5px 0 5px 5px;
}

#test-19 span.end {
    width: 100%;
    float: none;
    clear: both;
}

#test-19 input[type=text] {
    width: 170px;
}

#test-23 label:first-child {
    float: none;
    width: 360px;
    max-width: 380px;
    display: inline-block;
    margin-bottom: 10px;
}

#test-37 .numberradio label:first-child {
    float: none;
    width: 600px;
    max-width: 600px;
    display: inline-block;
    margin-bottom: 10px;
}

@media (max-width: 990px) {
    #test-37 label:first-child {
        max-width: 50%;
        width: auto;
    }
}

form input[type="text"].date-picker {
}

.admin-element-header form {
    margin: 0;
}

#test-21 fieldset {
    width: 310px;
    display: inline-block;
    float: left;
    clear: none;
    margin: 0 7px 0 0;

}

#test-21 fieldset .legendcontainer {
    width: 320px;
    margin: 0 0 10px;
}

form#test-21 textarea {
    width: 320px;
}

form#test-21 label {
    width: 315px;
    height: 100px;
}

form#test-21 span.textarea {
    width: 320px;

}

form#test-28 span {
    float: left;
    width: 100%;

}

form#test-28 label {
    /*display: inline-table;*/
    display: block;
    float: left;
    width: 615px;
}

/*form#test-28 input{
    float: left;
    clear: both;
}*/

form#test-28 span:not(#foo) > input[type='radio'] + label {
    width: 0px;
    clear: both;
}

form#test-29 span {
    float: left;
    width: 34px;
}

form#test-29 label {
    float: right;
    width: 610px;
}

form#test-29 .input-number {
    width: 30px;
}

form#test-29 .end.test-submits {
    width: 100%;
}

form#test-31 .tablediv label.little, form#test-31 .tablediv span, form#test-31 .celldiv {
    width: 326px;
    float: none;
    display: block;
    margin: auto;
}

form#test-31 .tablediv {
    clear: both;
}

form#test-31 .tablediv textarea {
    width: 309px;
}

form#test-31 .celldiv {
    float: left;
}

form#test-30 .spancheckbox {
    width: 50px;
    margin-left: 60px;
    margin-right: 20px;

}

form#test-30 span {
    float: left;
}

form#test-32-p4 fieldset.t32-p4 div.legendcontainer legend {
    width: 522px;
}

form#test-32-p5 fieldset.t32-p5 div.legendcontainer legend {
    width: 522px;
}

/*.date-helper{
    float: left;
}
.date-helper-start{
    margin-left: 500px;
}*/

.test-32-p3-list .numberradio label {

    max-width: 480px;
    margin-bottom: 15px;
}

#form-17-output {
    float: left;
    width: 450px;
    margin: 0;
}

#form-17-output span {
    width: 100%;
}

#form-17-output textarea {
    width: 100%;
    height: 7000px;
    line-height: 18px;
}

.annotator-editor a.annotator-save, .annotator-editor a.annotator-save:hover, .annotator-editor a.annotator-save:focus {

    border: solid 2px #0074A3;
    border-radius: 3px;
    color: #FFF;
    font-weight: bold;
    padding: 3px 20px;
    text-align: center;
    min-width: 110px;
    cursor: pointer;
    background: #4686bd;
    background: -moz-linear-gradient(top, #4686bd 1%, #0071bc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #4686bd), color-stop(100%, #0071bc));
    background: -webkit-linear-gradient(top, #4686bd 1%, #0071bc 100%);
    background: -o-linear-gradient(top, #4686bd 1%, #0071bc 100%);
    background: -ms-linear-gradient(top, #4686bd 1%, #0071bc 100%);
    background: linear-gradient(to bottom, #4686bd 1%, #0071bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4686bd', endColorstr='#0071bc', GradientType=0);
    text-shadow: none;
    outline: none;
    box-shadow: none;
    font-size: 13px;
}

.annotator-editor a.annotator-cancel, .annotator-editor a.annotator-cancel:hover, .annotator-editor a.annotator-cancel:focus {

    border: solid 2px #0074A3;

    border-radius: 3px;
    color: #FFF;
    font-weight: bold;
    padding: 3px 20px;
    text-align: center;
    min-width: 110px;
    cursor: pointer;
    border-color: #a3a3a3;
    background: #a3a3a3;
    background: -moz-linear-gradient(top, #a3a3a3 0%, #777777 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3a3a3), color-stop(100%, #777777));
    background: -webkit-linear-gradient(top, #a3a3a3 0%, #777777 100%);
    background: -o-linear-gradient(top, #a3a3a3 0%, #777777 100%);
    background: -ms-linear-gradient(top, #a3a3a3 0%, #777777 100%);
    background: linear-gradient(to bottom, #a3a3a3 0%, #777777 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3', endColorstr='#777777', GradientType=0);
    text-shadow: none;
    outline: none;
    box-shadow: none;
    font-size: 13px;
}

.annotator-editor a::after, .annotator-editor a::after:hover {
    background-position: 0 -105px;

}

.annotator-editor a.annotator-save::after, .annotator-editor a.annotator-save::after:hover {
    background-position: 0 -135px;
}

.annotator-editor .annotator-item:first-child textarea {

    margin-top: 7px;
    margin-bottom: 7px;
    border-radius: 0;
    outline: none;
    box-shadow: none;
}

.disabled-button {
    background: #bfbfbf !important;
    border: 0px !important;
    cursor: not-allowed !important;
}

.span-description {
    padding: 10px;
}

#downloadBtn {
    float: right;
    clear: none;

}

#downloadBtn-excel {
    float: right;
    clear: none;
}

/*MEDIA QUERIES*/
.stacktable.small-only {
    display: none;
}

.stacktable.small-only .test-item td {
    width: 100%;
}

.stacktable.small-only .test-item td.st-key {
    display: none;
}

.stacktable.large-only {
    display: table;
}

@media screen and (max-width: 768px) {
    /*IPAD*/
    form .formdescription, .group-title {
        padding: 18px 0px 15px 0;
    }

    form span.end.test-submits input[type=submit],
    form span.end.test-submits input[type=submit] .submitbutton {
        margin-left: 5px;
        font-size: 10px;
    }

    .stacktable.small-only {
        display: table;
    }

    .stacktable.large-only {
        display: none;
    }

}

.test-32-p3-list .numberradio {
    text-align: right;

}

.test-32-p3-list .numberradio .inline-error {
    text-align: right;
    padding-right: 5px;
}

.test-44-form fieldset .legendcontainer {
    padding-left: 0;
    margin-left: -5px;

}