.data_form {
}


.form_field_container {
    display: inline-block;
    vertical-align: bottom;
    width:49%;
    margin: 0 0 15px 0;
    box-sizing: border-box;
    padding: 0;
    text-align: left;
    position: relative;
}

.form_field_container.left {
    margin-right: 1%;
}

.form_field_container.right {
    margin-left: 1%;
}

.form_field_container.long {
    width:100%;
    margin: 0 0 15px 0;
}

.form_field_container.icon {
    padding-left: 30px;
    background: transparent linear-gradient(180deg, #0058A0 0%, #4BA2E9 100%) 0% 0% no-repeat padding-box;
}

.form_field_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center center;
}

.data_form .form_field {
    background-color: #EEF1F7;
    color: black;
    border-style: none;
    margin: 0;
    vertical-align: bottom;
    box-sizing: border-box;
    padding: 2px 5px;
    border-bottom: 1px solid #4BA2E9;
    width: 100%;
}

.data_form .form_field.error {
    color: red;
    border-color: red;
    background-color: #FFEEEE;
}

.data_form .form_field.plain {
    background-color: transparent;
    border-style: none;
}

.data_form .dummy_field,
.data_form select,
.data_form input {
    height:30px;
    font-size: 12pt;
}

.data_form textarea {
    font-size: 12pt;
    font-family: Arial, sans-serif;
}

/* for the whole world of www */
.data_form textarea::placeholder,
.data_form input::placeholder {
    color: #4BA2E9;
    opacity: 0.5;
    font-family: Arial, sans-serif;
    font-size: 12pt;
}
.data_form .error::placeholder {
    color: darkred;
}

/* special for IE 11 ff */
.data_form textarea:-ms-input-placeholder,
.data_form input:-ms-input-placeholder {
    color: #4BA2E9;
    /* opacity: 0.5; */
    font-family: Arial, sans-serif;
    font-size: 12pt;
}
.data_form .error:-ms-input-placeholder {
    color: darkred;
}

/* special for MS Edge */
.data_form input::-ms-input-placeholder {
    color: #4BA2E9;
    /* opacity: 0.5; */
    font-family: Arial, sans-serif;
    font-size: 12pt;
}
.data_form .error::-ms-input-placeholder {
    color: darkred;
}


.data_form textarea {
    height:100px;
}


.data_form button.form_field {
    padding: 8px;
    background: transparent linear-gradient(90deg, #0058A0 0%, #4BA2E9 100%) 0% 0% no-repeat padding-box;
    color: white;
    border-style: none;
    cursor: pointer;
    font-size: 12pt;
}

.data_form button.form_field[disabled] {
    background: transparent linear-gradient(90deg, #CCC 0%, #EEE 100%) 0% 0% no-repeat padding-box;
    color: white;
    cursor: default;
}

.data_form .notefield.form_field,
.data_form .errorfield.form_field {
    background-color: transparent;
    border-style: none;
}
.data_form .errorfield.form_field p {
    margin: 0;
    color: red;
    line-height: 1.1em;
}

.data_form .notefield.form_field p {
    margin: 0;
    color: green;
    line-height: 1.1em;
}

.chosen-container {
}

.chosen-container.error .chosen-single {
    background-color: #FFEEEE;
    border-color: red;
}
.chosen-container-active.error.chosen-with-drop .chosen-single {
    border: 1px solid red;
}
.chosen-container.error .chosen-single span {
    color: darkred;
}
.chosen-container.error .chosen-single.chosen-default span {
    color: darkred;
}
.chosen-container.error .chosen-single div {
    background: transparent linear-gradient(to bottom, darkred 0%, #FFEEEE 100%) 0% 0% no-repeat padding-box;
}
.chosen-container.error .chosen-drop {
    border-color: red;
    background-color: #FFEEEE;
}

.form_field.formfiles {
    background-color: #4BA2E9;
    color: white;
    border-bottom: 1px solid #4BA2E9;
    padding: 7px 10px;
    cursor: pointer;
    position:relative;
}

.form_field.formfiles .addfiles {
    position: absolute;
    top:5px;
    right:5px;
    padding: 0 5px;
    font-size: 12pt;
    border: 1px solid white;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
}

.form_field.formfiles .placeholder {
    display: inline;
    color: white;
    cursor: pointer;
}

.form_field.error.formfiles .placeholder {
    color: darkred;
}

.form_field.error.formfiles .addfiles {
    color: darkred;
    border-color: darkred;
}

.form_field.formfiles.file {
    background-color: #EEF1F7;
    color: #003256;
    border-bottom: 1px solid #4BA2E9;
    padding: 7px 10px;
    position: relative;
    cursor:default;
}

.form_field.formfiles.file .delfile {
    position: absolute;
    top:5px;
    right:5px;
    padding: 0 7px;
    font-size: 12pt;
    color: #4BA2E9;
    border: 1px solid #4BA2E9;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
}


.form_field.formfiles.bottom {
    margin: 0;
    padding: 0;
    border-style: none;
/*    border-bottom: 1px solid red;  */
}

.form_field.formfieldinfo {
    background-color: white;
    border-style: none;
    color: #4BA2E9;
    font-size: 12pt;
}

.formtitle {
    color: white;
    background-color: #0058A0;
    border-color: #4BA2E9;
    border-width: 3px;
    border-style: none none solid none;
    padding: 7px 10px;
    margin-bottom: 15px;
    position: relative;
}

.form_field_container .formtitle {
    margin-bottom: 0;
}

.formtitle .titleaction {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 7px;
    right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    cursor: pointer;
}

.formtitle .titleaction.ta0 {
    right:10px;
}
.formtitle .titleaction.ta1 {
    right:30px;
}
.formtitle .titleaction.ta2 {
    right:50px;
}
.formtitle .titleaction.ta3 {
    right:70px;
}

.form_field_container.form_field_thread {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #4BA2E9;
}

.form_field.thread {

}

.form_field.threadmsg {
    padding: 2px 0;
    margin-bottom: 0;
    white-space: pre-line;
    border-style: none;
}

.form_field.threadmsg0 {
    background-color: #EEF1F7;
}

.form_field.threadmsg1 {
    background-color: #EEE;
}

.form_field.threadmsg .msgitem {
    padding: 5px 15px;
    box-sizing: border-box;
    width: 90%;
}

.form_field.threadmsg .msgdate {
    font-style: italic;
    font-weight: bold;
}

.form_field.threadmsg .msgtext {
}

.form_field.threadmsg .msgfile {
    border-top: 1px solid #ddd;
}

.form_field.threadmsg .msgfile a {
    padding: 0;
    color: #4BA2E9;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form_field.threadmsg0 .msgitem {
    margin-right: 10%;
}

.form_field.threadmsg1 .msgitem {
    margin-left: 10%;
}

.form_field.threadmsg1 .msgdate {
    text-align: right;
}




.form_field.htmlfield {
    padding: 7px 5px;
}

input[type=checkbox] {
    padding: 0;
    margin: 0 10px 0 0;
    height:25px;
    vertical-align: middle;
}

.checkbox_label {
    vertical-align: middle;
}

@media (max-width: 760px) {
    .form_field_container {
        width: 100%;
    }
    .form_field_container,
    .form_field_container.right,
    .form_field_container.left {
        margin: 0 0 10px 0;
    }
}

@media print {

    .msgfile,
    .titleaction {
        display: none;
    }
}