/* Data tables, for list with a lot of data. Should provide overview*/
table.table-data thead tr th,
table.table-data tbody tr td {
    font-size: 0.8em;
    color: #777;
}

table.table-data thead tr th a {
    color: #000;
}

fieldset {
    margin-bottom: 2em;
    border-bottom: 1px solid #cccccc;
    position: relative;
    clear: both;
}

    fieldset.remove-border {
        border: 0;
    }

    fieldset legend {
        font-size: 24px;
        font-weight: normal;
        color: #333;
        padding-bottom: 15px;
        border-bottom: 2px solid #333;
        width: 100%;
        background: #fff;
        margin-bottom: 0.5em;
    }

    fieldset label, .label {
        display: block;
        margin-bottom: 0.5em;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
        white-space: normal;
    }

    fieldset span.required {
        font-family: arial;
        color: #e30000;
        font-weight: bold;
        font-size: 32px;
        line-height: 0;
        padding: 0%;
        vertical-align: middle;
    }

    fieldset .form-group {
        padding-top: 0.5em;
        margin: 0 0.5em 0.5em 0.5em;
        position: relative;
    }

        fieldset .form-group p {
            margin: 0 0;
        }

    fieldset .form-control {
        border-radius: 0px;
        border: 1px solid #727272;
        padding: 6px;
        font-size: 14px;
        width: 100%;
        height: auto;
    }

    fieldset .required-enabled input, fieldset .required-enabled textarea, fieldset .required-enabled select {
        margin-right: 3px;
        border: 1px solid #727272;
        padding: 5px;
        font-size: 14px;
    }

    fieldset .required-enabled .description {
        clear: both;
    }

    fieldset .has-error.required-enabled input, fieldset .has-error.required-enabled textarea, fieldset .has-error.required-enabled select {
        border: 4px solid #ce1415;
    }

    fieldset .required-enabled .help-block {
        padding: 0.8em 0 0.8em 0.8em;
        color: #000;
        margin-bottom: 0;
        clear: both;
    }

    fieldset .has-error .help-block {
        padding: 0.8em 0 0.8em 0.8em;
        background: #ce1415;
        border-bottom: 1px solid #840000;
        color: #fff;
        margin-bottom: 0;
        margin-top: 0px;
    }

    fieldset .disabled input-text-field, fieldset .disabled .input-textarea-field, fieldset .disabled .input-select-field, fieldset .disabled .form-control {
        background: #f8f8f8;
        border: 1px solid #b8b8b8;
    }

    fieldset .disabled label, fieldset .disabled .label {
        color: #727272;
    }

    fieldset .form-control-static {
        font-size: 14px;
        border-left: 1px solid #727272;
        padding: 8px 10px;
        display: inline-block;
        background: #ecf3f7;
        width: 100%;
    }

    fieldset .description-enabled .input-text-field, fieldset .description-enabled .input-textarea-field, fieldset .description-enabled .input-select-field, fieldset.background-enabled .form-control-static {
        float: left;
        margin-right: 5%;
    }

    fieldset .description {
        float: none;
        width: auto;
        color: #727272;
        padding-top: 5px;
        position: relative;
        background: #f8f8f8;
        margin: 0;
        padding: 1em;
    }

    fieldset .col-sm-6 .description {
        margin-top: 0px;
        float: left;
        width: 100%;
    }

input[type="checkbox"], input[type="radio"] {
    margin-top: 0px;
    height: 15px;
}

a.help {
    margin-left: -5.5%;
    display: inline-block;
    background: url(/content/virk_v2/graphics/icon-help.png) no-repeat 0% 100%;
    margin-left: 3%;
    padding-left: 27px;
    cursor: pointer;
    padding-top: 3px;
    height: 23px;
    color: #333;
}

    a.help:hover {
        background: url(/content/virk_v2/graphics/icon-help-hover.png) no-repeat 0% 100%;
    }

fieldset .input-checkboxes a.help, fieldset .input-radios a.help {
    margin-left: 2%;
}

fieldset .description a.help {
    margin-left: 2%;
}

fieldset .required-enabled a.help {
    margin-left: 0%;
}

fieldset .help-text {
    display: none;
    background: #fff3b8;
    color: #333;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
    margin-left: -1em;
    margin-bottom: -1em;
    margin-right: -1em;
    border-top: 1px solid #eedd92;
    border-bottom: 1px solid #eedd92;
}

fieldset .radio, fieldset .checkbox {
    margin: 5px 0 15px;
}

fieldset.push-up {
    margin-top: -2em;
}

fieldset .background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
    width: 50%;
    background: #f8f8f8;
    margin-left: 50%;
}

fieldset .description-enabled .has-error {
    width: 45% !important;
}

fieldset .description-enabled.help-enabled .has-error {
    width: 43%;
}

fieldset .description-enabled.help-enabled.required-enabled .has-error {
    width: 38%;
    margin-top: -1px;
}

fieldset h2, .fieldset-text h2 {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    margin: 30px 0 0 0.5em;
    padding: 0;
}

.fieldset-text {
    margin-top: -1em;
    margin-bottom: 2em;
    border-bottom: 1px solid #cccccc;
}

    .fieldset-text p {
        margin: 1.5em;
    }

fieldset .has-error span.required {
    color: #e30000;
}

fieldset .required-enabled .has-error {
    width: 97%;
}

.webkit fieldset .required-enabled .has-error {
    margin-top: -2px;
}

.three-col fieldset .required-enabled .has-error {
    width: 95%;
}

fieldset.search {
    width: 100%;
    padding: 0 0 20px;
    margin: 0 0 20px;
}

    fieldset.search .form-group {
        width: 100%;
        padding: 0 0;
        margin: 0 0;
    }

    fieldset.search .form-control {
        width: 65%;
        float: left;
        height: 40px;
        margin-right: 1%;
    }

    fieldset.search .btn {
        float: left;
        margin-right: 0;
    }

fieldset.date .form-group {
    padding: 20px 0;
    margin: 0 0;
    overflow: hidden;
}

fieldset.date .add-on {
    float: left;
    margin: 5px 0 0;
    cursor: pointer;
}


fieldset table tr.no-border-top td{
    border-top: none;
}
fieldset table tr.no-border-bottom td{
    border-bottom: none;
}


/* Little more custom than the above.*/

.process-form fieldset[data-accordion-id] legend,
.process-form fieldset[kk-accordion] legend
 {
  cursor: pointer;
}

.process-form fieldset .form-control-static { min-height: 30px; }

.process-form fieldset.has-error { background-color: #ffeded; }
.process-form fieldset.has-error legend { color: #F20000; }

.process-form .internal-comments {
    background-color: #FFE9D5;
    margin: 0px -20px;
    padding: 10px 20px 20px 20px;
}
.process-form .external-comments {
    background-color: #d5eeff;
    margin: 0px -20px;
    padding: 10px 20px 20px 20px;
}


.comments-control-item { margin-bottom: 15px; background: #ecf3f7; }
.comment-message { font-style: italic; white-space: pre-wrap; }
.comment-author { font-weight: bold; }
.comment-date { color: #999; }

.table-form .help-block { padding:0.8em 0 0.8em 0.8em; background: #ce1415; border-bottom: 1px solid #840000; color:#fff; margin-bottom:0; margin-top: 0px; }

.field-afspaerringscontrol .afspaerring-buttons .btn { margin-bottom: 10px; }
.field-afspaerringscontrol .afspaerring-buttons .btn-text { font-weight: bold; }

.modal-dialog .modal-body.main-content {
    margin-top: 0px;
    padding-top: 0px;
}

.cvr-form-group .form-control { width: 65%;margin-right: 1px;height: 40px;float: left; }
.cvr-form-group .btn.search { float: left; }

.cursor-pointer { cursor: pointer; }