/** --- Login --- **/
/** Index **/
@media (max-width: 1200px) {

    .login--index .page-header {
        max-height: 25vh !important;
        min-height: 25vh !important;
    }

}

@media (max-width: 768px) {

    .login--index .page-header {
        max-height: 0 !important;
        min-height: 0 !important;
    }

    .login--index .background {
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        border-radius: 0 !important;
    }

    .login--index .background .mask {
        border-radius: 0 !important;
    }

}

/** --- Forgot password --- **/
/** Index **/
@media (max-width: 1200px) {

    .forgotPassword--index .page-header {
        max-height: 25vh !important;
        min-height: 25vh !important;
    }

}

@media (max-width: 768px) {

    .forgotPassword--index .page-header {
        max-height: 0 !important;
        min-height: 0 !important;
    }

    .forgotPassword--index .background {
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        border-radius: 0 !important;
    }

    .forgotPassword--index .background .mask {
        border-radius: 0 !important;
    }

}

/** --- Reset password --- **/
/** Index **/
@media (max-width: 1200px) {

    .resetPassword--index .page-header {
        max-height: 25vh !important;
        min-height: 25vh !important;
    }

}

@media (max-width: 768px) {

    .resetPassword--index .page-header {
        max-height: 0 !important;
        min-height: 0 !important;
    }

    .resetPassword--index .background {
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        border-radius: 0 !important;
    }

    .resetPassword--index .background .mask {
        border-radius: 0 !important;
    }

}

/** --- Email log --- **/
/** Show **/
@media (max-width: 768px) {
    .emaillog--show .card-body .list-group-item div,
    .emaillog--show .card-body .list-group-item span {
        max-width: 100%;
    }

    .emaillog--show .card-body .list-group-item img {
        max-width: 75%;
    }
}

/** --- Profile --- **/
/** Index **/
@media (max-width: 1200px) {

    .user_profile--index .card .button-row {

        position: inherit !important;
    }

}

/** --- Plan date --- **/
@media (max-width: 768px) {

    .maintenanceContractReport_planDate #viewEquipmentContainer .table-responsive,
    .maintenanceContractReport_planDate #viewEquipmentContainer .table {
        overflow: inherit !important;
    }

    .maintenanceContractReport_planDate #viewEquipmentContainer .table-responsive,
    .maintenanceContractReport_planDate #viewEquipmentContainer .table {
        max-width: 100% !important;
    }

    .maintenanceContractReport_planDate #viewEquipmentContainer td,
    .maintenanceContractReport_planDate #viewEquipmentContainer td div {
        width: 100% !important;
        display: block !important;
        min-width: unset;
    }

    .maintenanceContractReport_planDate #viewEquipmentContainer td div .double-point {
        display: none;
    }
}

/** --- Report --- **/
/** Edit **/
@media (max-width: 1500px) {

    .maintenanceContractReport_report--edit .reportFormWrapper {
        flex-flow: row wrap;
    }

    .maintenanceContractReport_report--edit #equipment_location_uuid {
        display: block !important;
        width: 100% !important;
        margin-bottom: 20px;
    }

    .maintenanceContractReport_report--edit #reportAddExistingEquipment {
        margin-left: 0 !important;
    }

    .maintenanceContractReport_report--edit #reportAddSeparator {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .maintenanceContractReport_report--edit #reportAddNewEquipment {
        margin-left: 0 !important;
    }
}

@media (max-width: 1200px) {
    .maintenanceContractReport_report--edit .equipmentContainer .image-container {
        width: calc( 33% - 10px ) !important;
        min-width: calc( 33% - 10px ) !important;
        max-width: calc( 33% - 10px ) !important;
    }

    .maintenanceContractReport_report--edit .equipmentContainer .image-container img {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .maintenanceContractReport_report--edit #reportAddExistingEquipment,
    .maintenanceContractReport_report--edit #reportAddNewEquipment {
        margin: 10px 0 !important;
        width: 100%;
    }

    .maintenanceContractReport_report--edit #reportAddSeparator {
        display: none !important;
    }
}

@media (max-width: 600px) {

    .maintenanceContractReport_report--edit .equipmentForm div label,
    .maintenanceContractReport_report--edit .equipmentForm div input,
    .maintenanceContractReport_report--edit .equipmentForm div select,
    .maintenanceContractReport_report--edit .equipmentForm div textarea {
        width: 100% !important;
        display: block;
    }
}

@media (max-width: 550px) {

    .maintenanceContractReport_report--edit .equipmentContainer .image-container {
        width: calc( 50% - 10px ) !important;
        min-width: calc( 50% - 10px ) !important;
        max-width: calc( 50% - 10px ) !important;
    }

}

@media (max-width: 450px) {

    .maintenanceContractReport_report--edit .equipmentContainer .image-container {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
    }

}

/** --- Report check --- **/
/** index **/
@media (max-width: 900px) {

    .maintenanceContractReport_reportCheck--index .card .card-body img {
        max-width: calc(100% / 3 - 10px) !important;
    }
}
@media (max-width: 600px) {

    .maintenanceContractReport_reportCheck--index .card .card-body img {
        max-width: calc(100% / 2 - 10px) !important;
    }
}