.remove-elements {
    display: none;
}

.editpage .case-info .form {
    clear: both;
    padding-top: 15px;
}

/* subgrids Button on left  */
.editpage .pull-right, .editpage-project .pull-right {
    float: none !important;
}
/* subgrids full width*/
.editpage .clearfix.cell.subgrid-cell, .editpage .clearfix.cell.sharepoint-documents, .editpage-project .clearfix.cell.subgrid-cell, .editpage-project .clearfix.cell.sharepoint-documents {
    padding-right: 0 !important;
    overflow: auto;
}

.editpage .col-md-12, .editpage-project .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.editpage .portal-alerts, .editpage-project .crmEntityFormView {
    padding-top: 13px;
}

.editpage label, .editpage-project label {
    font-weight: bold;
}

.editpage .crmEntityFormView .cell div.control input, .editpage .crmEntityFormView .cell div.control select, .editpage .crmEntityFormView .cell div.control textarea, .editpage-project .crmEntityFormView .cell div.control input, .editpage-project .crmEntityFormView .cell div.control select, .editpage-project .crmEntityFormView .cell div.control textarea {
    font-weight: normal;
}

.editpage select:disabled, .editpage-project select:disabled {
    opacity: unset;
}

.btn-container {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
}
/*Collaborated grid checkboxes*/

.yescollaborator:before {
    content: '\2714';
    visibility: visible;
    padding-left: 5px;
    font-size: 14px;
    color: #707070;
    border: 1px solid rgb(112, 112, 112,0.3)
}

.yescollaborator {
    font-size: 0;
}

.nocollaborator:before {
    content: '\0020';
    visibility: visible;
    padding-left: 15px;
    font-size: 14px;
    color: #707070;
    border: 1px solid rgb(112, 112, 112,0.3);
}

.nocollaborator {
    font-size: 0;
}

.btn-container {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
}

a.add-file.btn.btn-primary.action {
    margin-top: 3px !important;
    margin-bottom: 22px !important;
}

#collabbtn, #edit-Collab {
    margin-top: 8px !important;
    margin-bottom: 16px !important;
}
#edit-Collab {
    margin-left: 10px;
}

@media (min-width: 320px) and (max-width: 700px) {
    #collabbtn, a.add-file.btn.btn-primary.action {
        width: 100% !important;
    }

    .btn-container {
        display: inline !important; /* Buttons to occupy full screen space on mobile */
    }

    #backbtn { /* View all cases button */
        width: 100%;
        margin-bottom: 8px;
    }

    #myBtn2 { /* Cancel case button */
        width: 100%;
        margin-bottom: 8px;
    }

    #btnEscalate { /* Escalate button */
        width: 100%;
        margin-bottom: 8px;
        left: 0 !important;
    }

    #myBtn1 { /* Reopen case button */
        width: 100%;
        margin-bottom: 8px;
    }

    #myBtn3 { /* Close case button */
        width: 100%;
        margin-bottom: 8px;
        left: 0 !important;
    }

    #submitButton { /* Add to case button */
        width: 100%;
        margin-bottom: 8px;
    }

    #btnResolve { /* Resolve button */
        width: 100%;
        margin-bottom: 8px;
        left: 0 !important;
        margin-left:0px !important;
    }

    #btnPickup { /* Pickup button */
        width: 100%;
        margin-bottom: 8px;
        left: 0 !important;
        margin-left:0px !important;
    }

    #btnEscalatebyDFAE { /* Escalate by IFX button */
        width: 100%;
        margin-bottom: 8px;
        left: 0 !important;
        margin-left:0px !important;
    }

    #btnEditCase { /* Edit case button */
        width: 100%;
        margin-bottom: 8px;
        left: 0 !important;
        margin-left:0px !important;
    }

    #btnSaveCase { /* Save case button */
        width: 100%;
        margin-bottom: 8px;
        left: 0 !important;
        margin-left:0px !important;
    }
}