/* Help Desk
------------------------------------------------------------*/
.cases {
    margin: 40px 0;
}

    .cases table {
        margin-bottom: 0;
    }

    .cases .controls .create-case {
        float: right;
    }

.case .case-controls {
    margin-top: 0;
}

.case .ticket-number {
    white-space: nowrap;
}

.case .case-info {
    line-height: 40px;
    margin-bottom: 20px;
    vertical-align: middle;
}

    .case .case-info .user-avatar {
        display: inline-block;
        margin-right: 10px;
    }

.case .case-description {
    margin-bottom: 40px;
}

.case .resolution + .resolution,
.case .note + .note {
    border-top: 1px solid #EEE;
    padding-top: 19px;
}

.case .resolution .description,
.case .note .text,
.case .note .attachment,
.case .resolution .metadata,
.case .note .metadata {
    margin-bottom: 20px;
}

.case .resolution .metadata,
.case .note .metadata {
    text-align: right;
}

.case .crmEntityFormView.readonly {
    padding-left: 0;
}

.case .crmEntityFormView .cell.picklist-cell .control > span,
.case .crmEntityFormView .cell.lookup-cell .control > span {
    display: block;
    margin-bottom: 10px;
}

.case .crmEntityFormView .cell input:disabled,
.case .crmEntityFormView .cell select:disabled {
    background: none;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    padding: 0;
}

.case .crmEntityFormView.readonly .cell div.info.required label:after {
    content: none;
}

.case .crmEntityFormView .cell div.info label {
    font-weight: bold;
}

#ContentContainer_MainContent_ContentBottom_CreateCaseForm input, select, textarea {
    max-width: 100%!important;
}

.padding-bottom15 {
    padding-bottom: 15px;
}

#ContentContainer_MainContent_ContentBottom_CreateCaseForm .actions,
#ContentContainer_MainContent_CaseExtendedInfo .actions {
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding-top: 15px;
}

#ContentContainer_MainContent_ContentBottom_CreateCaseForm .required label:after,
#ContentContainer_MainContent_CaseExtendedInfo .required label:after {
    content: ' *';
    color: red;
}

@media (max-width: 767px) {
    .case .resolution .metadata, .case .note .metadata {
        text-align: left;
    }

    .cases .controls .btn,
    .cases .controls input.btn[type="submit"] {
        display: block;
        float: none;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .case .case-controls,
    .case .status {
        float: none;
        margin-bottom: 20px;
    }

        .case .case-controls .btn {
            display: block;
            float: none;
        }

        .case .case-controls .btn-group {
            display: block;
            margin-left: 0;
            margin-bottom: 10px;
        }
}

/* Help Desk
------------------------------------------------------------*/
.case-deflection .product {
    margin-bottom: 10px;
}

.case-deflection .panel-footer .alert:last-child {
    margin-bottom: 0;
}