.hiddentextbox {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    font-size: 12pt !important;
    outline: 0 !important;
}

    .hiddentextbox:hover {
        border: solid 1px !important;
    }


.viewgroup {
    clear: left;
}

.viewgrouphalf {
}

    /* table */
    /* show collapsible group icon based on current state */
    .viewgrouphalf.iscollapsible > .fieldset > .legend .group-header,
    .viewgroup.iscollapsible > .fieldset > .legend .group-header{
        cursor: pointer;
        border: none;
        background: transparent;
        color: #000;
    }
    

    /* expanded */
    .viewgrouphalf > .fieldset > .legend > button > span.glyphicon:before,
    .viewgroup > .fieldset > .legend > button > span.glyphicon:before {
        /* arrow down */
        content: "\e259";
        font-size: 12pt;
        padding-left: 5px;
        border: none;
        background: transparent;
        color: #000;
    }

    /* collapsed */
    .viewgrouphalf > .fieldset > .legend > button.collapsed > span.glyphicon:before,
    .viewgroup > .fieldset > .legend > button.collapsed > span.glyphicon:before {
        /* arrow right */
        content: "\e258";
        font-size: 12pt;
        padding-left: 5px;
        border: none;
        background: transparent;
        color: #000;
    }

.detail-label {
    overflow: hidden;
    padding: 13px;
    font-weight: bold;
    font-size: 10pt;
}

.detail-label-container {
    display: inline-block;
    text-align: left;
    padding-left: 10px;
}



.header-label {
    font-size: 9pt;
    font-weight: bold;
    padding-top: 7px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-edit {
    font-size: 9pt;
    height: 300px;
}



/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

.field-validation-error.alert {
    display: block;
}

.edit-detail-label-readonly {
    color: #555555;
}

.edit-detail-label {
    text-align: left !important;
}



.edit-detail-label-required {
    color: red;
}

.detail-value {
    padding: 13px;
    font-size: 10pt;
    word-wrap: break-word;
}
    .detail-value ul {
        list-style: disc;
        padding-left: 40px;
    }

.edit-detail-value {
    font-size: 10pt;
}

    .edit-detail-value select {
        width: 100%;
    }

/* ensure that many to many checkbox labels don't look weird and wrap properly indented after the checkbox */
label.many-to-many-label {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
}

img.image-value {
    max-width: 100%;
}

em.image-value {
    background: #ddd;
    color: #000;
    width: 100%;
    padding-top: 50%;
    padding-bottom: 50%;
    text-align: center;
    display: block;
    line-height: 0;
}

em.image-value-empty {
    padding-top: 10%;
    padding-bottom: 10%;
}

.detail-footer, .detail, .edit-detail-footer, .edit-detail {
    height: 25px;
}

.edit-detail-column:nth-child(even), .detail-column:nth-child(even) {
    background-color: #DBE6EC;
}

.field-edit, .form-date {
    width: 200px;
}

textarea.field-edit {
    width: 100%;
    height: 200px;
}

@media (min-width: 768px) {
    .filterfield-fixed-top {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {

    .filterfield-fixed-top {
        border-radius: 0;
    }

    .filterfield-fixed-top {
        top: 90px;
        left: 0px;
        border-width: 0 0 1px;
    }
}

.autocomplete-lookup-button{
    cursor: pointer;
}

.filterfields {
    line-height: 35px;
}

.filterfield {
    cursor: default;
    line-height:1em;
    padding:7px 10px 5px 10px;
}

    .filterfield .filterdescription {
        display: inline-block;
        overflow: hidden;
        max-width: 200px;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0;
        padding-right:4px;
        line-height: 1.2em;
    }

    /* make it so hover doesn't look like it is a button for filter blocks */
    .btn-primary.filterfield:hover,.btn-primary.filterfield:focus {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-default.filterfield:hover, .btn-default.filterfield:focus {
          background-color: #fff;
              border-color: #ccc;

          
    }

.clear-fieldsort {
    font-size: 9pt;
    vertical-align: middle;
    cursor: pointer;
}

.dropdown-filterfield {
    font-size: 9pt;
    width: 100%;
}

.dropdown-item-input {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    text-wrap: none;
    line-height: 1.428571429;
}

.dropdown-list {
    min-width: 210px;
    max-width: 400px;
}


.remove-filterfield {
    cursor: default;
}

.filterfield-fixed-top input {
    background-color: transparent;
    border-color: #454545;
    text-align: center;
    color: #ccc;
}

select.input-validation-error,
input.input-validation-error,
textarea.input-validation-error,
div.input-validation-error,
.chosen-container.input-validation-error {
    border: 1px solid #b94a48;
}


input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

}

.validation-summary-valid {
    display: none;
}

.div-header {
    color: #333333;
    background-color: #ffffff;
    border: solid 2px #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.displayColumnName {
    display: inline;
}