﻿
.e-dialog.dlg-large {
    max-height: 90vh !important;   
}
.sfcard_filter {
    padding: 0px 10px 4px 10px;
    margin-bottom: 10px;
}

.e-card:hover {
    border-color: #dee2e6;
}

.filter_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 40px;
}

.green_row .e-rowcell {
    background-color: #4c8253;
}

    .green_row:hover .e-rowcell {
        background-color: #3b6541 !important;
    }

.red_row .e-rowcell {
    background-color: #8d4646;
}

    .red_row:hover .e-rowcell {
        background-color: #6d3737 !important;
    }


.e-grid .e-summarycell {
    padding-top: 14px;
    padding-bottom: 14px;
}


.e-rowcell {
    height: 46px !important;
}


.project_info_header_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 80px;
}

.project_info_header_flex_start {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 10px;
    margin: 0px 0px 10px 0px;
}

.project_name {
    flex-grow: 1;
}

.headline_infoheader {
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    unicode-bidi: isolate;
}

.customer_adress {
    flex-grow: 1;
    margin-bottom: 10px;
}

.project_data {
    flex-grow: 1;
    margin-bottom: 10px;
}

.projecttime_flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    column-gap: 10px;
}

.payment_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 10px;
}

.payment_flex_terms {
    flex-grow: 1;
}

.sfcard_tabs {
    padding: 4px 8px;
    margin-bottom: 10px;
    border-radius: 0px;
}

.projectdata_switch {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 10px;
}

.projectdata_switch_switch {
    margin-top: 6px;
}

.position_list {
    margin-bottom: 10px;
}

#login_div {
    padding: 20px;
    margin: auto;
    width: 400px;
}

.login_input {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 10px;
}

.login_label {
    align-content: center;
    padding: 0 0 20px 0;
}

.login_field {
    width: 300px;
    padding: 0 0 20px 0;
}

.login_button {
    padding: 20px 0 0 0;
    text-align: center;
}
