@import '_content/EPComponents/EPComponents.tmlze1vf3x.bundle.scp.css';

/* _content/wwwAppEP/Pages/CreateFirstEnvironment.razor.rz.scp.css */
.container[b-f6uq4o5uwt] {
/*    max-width: 800px;*/
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 8px;
    background-color: #f8f9fa;
}

.group-row[b-f6uq4o5uwt] {
  /*  margin-bottom: 16px;*/
    padding: 1rem;
    border-radius: 6px;
}

.partner-name[b-f6uq4o5uwt] {
    background-color: #f0f9ff;
}

.proposal-details[b-f6uq4o5uwt] {
    background-color: #f9f8ff;
}

.project-details[b-f6uq4o5uwt] {
    background-color: #f0fff8;
}

.date-information[b-f6uq4o5uwt] {
   margin-top:1.3rem;
   width:auto;
}

.group-row h4[b-f6uq4o5uwt] {
    margin-top: 0;
    font-size: 1.1rem;
    color: #333;
    margin-bottom: 4px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
}

.form-group[b-f6uq4o5uwt] {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
}

label[b-f6uq4o5uwt] {
    font-weight: bold;
    font-size: 0.95rem;
    margin-bottom: 4px;
    color: #555;
}

.form-control[b-f6uq4o5uwt] {
    padding: 8px;
    font-size: 1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: vertical;
}

.input-row[b-f6uq4o5uwt] {
    padding: 8px 0;
    flex-direction: column;
    gap: 4px;
    background-color: ghostwhite;
    margin-top: 1.3rem;
}
.bord[b-f6uq4o5uwt] {
    background-color: #f0f8ff;
    padding: 10px;
    margin-top: 4px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 8px;
}
.borded[b-f6uq4o5uwt] {
    background-color: #f0f8ff;
    padding: 10px;
    margin-top: 1.2rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 8px;
}
.descr[b-f6uq4o5uwt] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    background-color: ghostwhite;
    margin-top: 1.1rem;
    margin-bottom: 1.6rem;
    height: 120%; /* Make the child take up the full height of the parent */
    overflow-y: auto; /* Add a scrollbar if content overflows */
    max-height: auto;
}
/* Horizontal layout for date fields */
.form-group-horizontal[b-f6uq4o5uwt] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

    .form-group-horizontal .form-group[b-f6uq4o5uwt] {
        flex: 1 1 200px;
        width:auto;
    }
    .form-group-horizontal .date-form[b-f6uq4o5uwt] {
        /*flex: 1 1 200px;*/
        width: auto;
    }
/* _content/wwwAppEP/Pages/Financial/EPFPA.razor.rz.scp.css */
*[b-vme2ko522s] {
    box-sizing: border-box;
    
}

.row[b-vme2ko522s] {
    margin-left: -5px;
    margin-right: -5px;
    font-size: 15px;
}

.column[b-vme2ko522s] {
    float: left;
    width: 50%;
    padding: 5px;
    font-size: 15px;
}
/* Clearfix (clear floats) */
.row[b-vme2ko522s]::after {
    content: "";
    clear: both;
    display: table;
    font-size: 15px;
}

table[b-vme2ko522s] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 9px;
    overflow: hidden;
    font-size: 15px;
}

th[b-vme2ko522s], td[b-vme2ko522s] {
    text-align: left;
    padding: 16px;
    font-size: 15px;
}
/* _content/wwwAppEP/Pages/Financial/EPFPT.razor.rz.scp.css */
*[b-qaf6krf8m8] {
    box-sizing: border-box;

}
.row[b-qaf6krf8m8] {
    margin-left: -5px;
    margin-right: -5px;
    font-size: 15px;
}

.column[b-qaf6krf8m8] {
    float: left;
    width: 50%;
    padding: 5px;
    font-size: 15px;
}
/* Clearfix (clear floats) */
.row[b-qaf6krf8m8]::after {
    content: "";
    clear: both;
    display: table;
    font-size: 15px;
}

table[b-qaf6krf8m8] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 9px;
    overflow: hidden;
    font-size: 15px;
}

th[b-qaf6krf8m8], td[b-qaf6krf8m8] {
    text-align: left;
    padding: 16px;
    font-size: 15px;
}
/* _content/wwwAppEP/Pages/Financial/EPFTY.razor.rz.scp.css */
*[b-nn9zd3qhdv] {
    box-sizing: border-box;
    
}

.row[b-nn9zd3qhdv] {
    margin-left: -5px;
    margin-right: -5px;
    font-size: 15px;
}

.column[b-nn9zd3qhdv] {
    float: left;
    width: 50%;
    padding: 5px;
    font-size: 15px;
}
/* Clearfix (clear floats) */
.row[b-nn9zd3qhdv]::after {
    content: "";
    clear: both;
    display: table;
    font-size: 15px;
}

table[b-nn9zd3qhdv] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 9px;
    overflow: hidden;
    font-size: 15px;
}

th[b-nn9zd3qhdv], td[b-nn9zd3qhdv] {
    text-align: left;
    padding: 16px;
    font-size: 15px;
}
/* _content/wwwAppEP/Pages/Financial/EPPF.razor.rz.scp.css */
/** {
    box-sizing: border-box;
    
}

.row {
    margin-left: -5px;
    margin-right: -5px;
    font-size: 15px;
}

.column {
    float: left;
    width: 50%;
    padding: 5px;
    font-size: 15px;
}*/
/* Clearfix (clear floats) */
/*.row::after {
    content: "";
    clear: both;
    display: table;
    font-size: 15px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 9px;
    overflow: hidden;
    font-size: 15px;
}

th, td {
    text-align: left;
    padding: 16px;
    font-size: 15px;
}*/

/* custom-styles.css */
/*@media (max-width: 600px) {
    h1.flex-container {
        flex-direction: column;
        align-items: flex-start;
    }

    mark.flex-container {
        flex-direction: column;
        align-items: flex-start;
    }

        mark.flex-container > div,
        mark.flex-container > i {
            display: block;
            margin-bottom: 5px;
        }
}*/
/* _content/wwwAppEP/Pages/Index.razor.rz.scp.css */
*[b-dfyrul05j0] {
    box-sizing: border-box;
    
}

.row[b-dfyrul05j0] {
    margin-left: -5px;
    margin-right: -5px;
    font-size: 15px;
}

.column[b-dfyrul05j0] {
    float: left;
    width: 50%;
    padding: 5px;
    font-size: 15px;
}
/* Clearfix (clear floats) */
.row[b-dfyrul05j0]::after {
    content: "";
    clear: both;
    display: table;
    font-size: 15px;
}

table[b-dfyrul05j0] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 9px;
    overflow: hidden;
    font-size: 15px;
}

th[b-dfyrul05j0], td[b-dfyrul05j0] {
    text-align: left;
    padding: 16px;
    font-size: 15px;
}
/* _content/wwwAppEP/Pages/Management/EP.razor.rz.scp.css */
/* General styling for the row and columns */
.row[b-foc7srunt8] {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap onto multiple lines */
    margin-left: -5px;
    margin-right: -5px;
    font-size: 15px;
}

/* Ensure left-column and right-column use flex properly */
.left-column[b-foc7srunt8], .right-column[b-foc7srunt8] {
    box-sizing: border-box; /* Ensure padding and border are included in the width */
}

/* Adjust columns for larger screens */
.left-column[b-foc7srunt8] {
    width: calc(1.3 / 3 * 100%); /* 1.3/3 of the width */
}

.right-column[b-foc7srunt8] {
    width: calc(1.7 / 3 * 100%); /* 1.7/3 of the width */
}

/* Clearfix for the row */
.row[b-foc7srunt8]::after {
    content: "";
    clear: both;
    display: table;
}

/* Adjust columns for smaller screen sizes */
@media (max-width: 1300px) {
    .left-column[b-foc7srunt8] {
        width: 50%; /* Adjust to 50% width */
    }

    .right-column[b-foc7srunt8] {
        width: 50%; /* Adjust to 50% width */
    }
}
@media (max-width: 1220px) {
    .left-column[b-foc7srunt8], .right-column[b-foc7srunt8] {
        width: 100%; /* Stack columns vertically for smaller devices */
    }
}
@media (max-width: 768px) {
    .left-column[b-foc7srunt8], .right-column[b-foc7srunt8] {
        width: 100%; /* Stack columns vertically for smaller devices */
    }
}

/* Flexbox adjustments for smaller screens */
@media (max-width: 600px) {
    h1.flex-container[b-foc7srunt8] {
        flex-direction: column;
        align-items: flex-start;
    }

    mark.flex-container[b-foc7srunt8] {
        flex-direction: column;
        align-items: flex-start;
    }

        mark.flex-container > div[b-foc7srunt8],
        mark.flex-container > i[b-foc7srunt8] {
            display: block;
            margin-bottom: 5px;
        }
}
/* _content/wwwAppEP/Pages/Management/EPP.razor.rz.scp.css */
*[b-14dzsjgg0h] {
    box-sizing: border-box;
   
}

.row[b-14dzsjgg0h] {
    margin-left: -5px;
    margin-right: -5px;
    font-size: 15px;
}

.column[b-14dzsjgg0h] {
    float: left;
    width: 50%;
    padding: 5px;
    font-size: 15px;
}
/* Clearfix (clear floats) */
.row[b-14dzsjgg0h]::after {
    content: "";
    clear: both;
    display: table;
    font-size: 15px;
}

table[b-14dzsjgg0h] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 9px;
    overflow: hidden;
    font-size: 15px;
}

th[b-14dzsjgg0h], td[b-14dzsjgg0h] {
    text-align: left;
    padding: 16px;
    font-size: 15px;
}
/* custom-styles.css */
@media (max-width: 600px) {
    h1.flex-container[b-14dzsjgg0h] {
        flex-direction: column;
        align-items: flex-start;
    }

    mark.flex-container[b-14dzsjgg0h] {
        flex-direction: column;
        align-items: flex-start;
    }

        mark.flex-container > div[b-14dzsjgg0h],
        mark.flex-container > i[b-14dzsjgg0h] {
            display: block;
            margin-bottom: 5px;
        }
}
/* _content/wwwAppEP/Pages/Management/EPT.razor.rz.scp.css */
*[b-kz2ayqgquc] {
    box-sizing: border-box;
   
}

.row[b-kz2ayqgquc] {
    margin-left: -5px;
    margin-right: -5px;
    font-size: 15px;
}

.column[b-kz2ayqgquc] {
    float: left;
    width: 50%;
    padding: 5px;
    font-size: 15px;
}
/* Clearfix (clear floats) */
.row[b-kz2ayqgquc]::after {
    content: "";
    clear: both;
    display: table;
    font-size: 15px;
}

table[b-kz2ayqgquc] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 9px;
    overflow: hidden;
    font-size: 15px;
}

th[b-kz2ayqgquc], td[b-kz2ayqgquc] {
    text-align: left;
    padding: 16px;
    font-size: 15px;
}
/* _content/wwwAppEP/Pages/Management/MeetingPost.razor.rz.scp.css */
/* Meeting details container */
.meeting-details[b-59ewsn8920] {
    border: 1px solid #ddd;
    background-color: #f8f9fa;
    border-radius: 6px;
    padding: 10px;
    word-wrap: break-word; /* Ensures long words break properly */
    overflow-wrap: break-word;
    white-space: normal; /* Prevents text from staying in a single line */
}
.copy-icon[b-59ewsn8920] {
    cursor: pointer;
    color: #6c757d; /* Grayish */
    font-size: 18px;
    transition: color 0.2s ease-in-out;
}

    .copy-icon:hover[b-59ewsn8920] {
        color: #000; /* Turns black on hover */
    }

/* Ensure consistency between form and meetings display section */
.card.p-3.mt-3[b-59ewsn8920],
.meetings-display-section[b-59ewsn8920] {
    max-width: 700px; /* Match the form section width */
    padding: 20px; /* Consistent spacing */
}

/* Meetings display layout */
.meetings-display-section[b-59ewsn8920] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Space between meetings */
    justify-content: flex-start; /* Aligns meetings properly */
}

/* Meeting container */
.meeting-container[b-59ewsn8920] {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    /*flex: 1 1 calc(33.33% - 15px);*/ /* Three meetings per row */
    min-width: 280px; /* Prevents shrinking too much */
}

/* Meeting status label */
.meeting-status-label[b-59ewsn8920] {
    display: inline-block;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 4px;
}

/* Past meeting warning */
.past-meeting-warning[b-59ewsn8920] {
    color: red;
    font-weight: bold;
    margin-top: 10px;
}

/* Meeting details styling */
.meeting-details div[b-59ewsn8920] {
    padding: 6px 0;
    font-size: 1rem;
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* Ensure input fields and select boxes don't stretch full width */
.card.p-3.mt-3 .mb-2[b-59ewsn8920] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px; /* Adjust width */
}

/* Adjust button alignment */
.card.p-3.mt-3 .d-flex[b-59ewsn8920] {
    justify-content: start; /* Align buttons to the left */
    flex-wrap: wrap; /* Ensure responsiveness */
}

/* Increase font size for specific fields */
.card.p-3.mt-3 .mb-2 label[b-59ewsn8920] {
    font-size: 1.2rem;
    font-weight: bold;
}

.card.p-3.mt-3 .mb-2 input[b-59ewsn8920],
.card.p-3.mt-3 .mb-2 select[b-59ewsn8920] {
    font-size: 1.1rem;
    padding: 8px;
}

/* Apply larger font size only to Meeting Link, Meeting Date, and Meeting Duration */
.card.p-3.mt-3 .mb-2:nth-child(2) label[b-59ewsn8920],
.card.p-3.mt-3 .mb-2:nth-child(3) label[b-59ewsn8920],
.card.p-3.mt-3 .mb-2:nth-child(4) label[b-59ewsn8920] {
    font-size: 1.3rem;
}

.card.p-3.mt-3 .mb-2:nth-child(2) input[b-59ewsn8920],
.card.p-3.mt-3 .mb-2:nth-child(3) input[b-59ewsn8920],
.card.p-3.mt-3 .mb-2:nth-child(4) select[b-59ewsn8920] {
    font-size: 1.2rem;
    padding: 10px;
}

/* Partner section styling */
.partner-section[b-59ewsn8920] {
    background: #f8f9fa;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

/* Contact and User list styling */
.contact-item[b-59ewsn8920], .user-item[b-59ewsn8920] {
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
}

    .contact-item:last-child[b-59ewsn8920], .user-item:last-child[b-59ewsn8920] {
        border-bottom: none;
    }
.btn-success[b-59ewsn8920] {
    color:white;
}
/* Responsive behavior for meeting display */
@media (max-width: 992px) {
    .meeting-container[b-59ewsn8920] {
        flex: 1 1 calc(50% - 15px); /* Two meetings per row */
    }
}

@media (max-width: 600px) {
    .meeting-container[b-59ewsn8920] {
        flex: 1 1 100%; /* Stack meetings in one column */
    }
}
/* _content/wwwAppEP/Pages/Management/MeetingsErasmus.razor.rz.scp.css */
/* Meeting details container */
.meeting-details[b-ptt7wovu5h] {
    border: 1px solid #ddd;
    background-color: #f8f9fa;
    border-radius: 6px;
    padding: 10px;
    word-wrap: break-word; /* Ensures long words break properly */
    overflow-wrap: break-word;
    white-space: normal; /* Prevents text from staying in a single line */
}
.copy-icon[b-ptt7wovu5h] {
    cursor: pointer;
    color: #6c757d; /* Grayish */
    font-size: 18px;
    transition: color 0.2s ease-in-out;
}

    .copy-icon:hover[b-ptt7wovu5h] {
        color: #000; /* Turns black on hover */
    }

/* Ensure consistency between form and meetings display section */
.card.p-3.mt-3[b-ptt7wovu5h],
.meetings-display-section[b-ptt7wovu5h] {
    max-width: 700px; /* Match the form section width */
    padding: 20px; /* Consistent spacing */
}

/* Meetings display layout */
.meetings-display-section[b-ptt7wovu5h] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Space between meetings */
    justify-content: flex-start; /* Aligns meetings properly */
}

/* Meeting container */
.meeting-container[b-ptt7wovu5h] {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    /*flex: 1 1 calc(33.33% - 15px);*/ /* Three meetings per row */
    min-width: 280px; /* Prevents shrinking too much */
}

/* Meeting status label */
.meeting-status-label[b-ptt7wovu5h] {
    display: inline-block;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 4px;
}

/* Past meeting warning */
.past-meeting-warning[b-ptt7wovu5h] {
    color: red;
    font-weight: bold;
    margin-top: 10px;
}

/* Meeting details styling */
.meeting-details div[b-ptt7wovu5h] {
    padding: 6px 0;
    font-size: 1rem;
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* Ensure input fields and select boxes don't stretch full width */
.card.p-3.mt-3 .mb-2[b-ptt7wovu5h] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px; /* Adjust width */
}

/* Adjust button alignment */
.card.p-3.mt-3 .d-flex[b-ptt7wovu5h] {
    justify-content: start; /* Align buttons to the left */
    flex-wrap: wrap; /* Ensure responsiveness */
}

/* Increase font size for specific fields */
.card.p-3.mt-3 .mb-2 label[b-ptt7wovu5h] {
    font-size: 1.2rem;
    font-weight: bold;
}

.card.p-3.mt-3 .mb-2 input[b-ptt7wovu5h],
.card.p-3.mt-3 .mb-2 select[b-ptt7wovu5h] {
    font-size: 1.1rem;
    padding: 8px;
}

/* Apply larger font size only to Meeting Link, Meeting Date, and Meeting Duration */
.card.p-3.mt-3 .mb-2:nth-child(2) label[b-ptt7wovu5h],
.card.p-3.mt-3 .mb-2:nth-child(3) label[b-ptt7wovu5h],
.card.p-3.mt-3 .mb-2:nth-child(4) label[b-ptt7wovu5h] {
    font-size: 1.3rem;
}

.card.p-3.mt-3 .mb-2:nth-child(2) input[b-ptt7wovu5h],
.card.p-3.mt-3 .mb-2:nth-child(3) input[b-ptt7wovu5h],
.card.p-3.mt-3 .mb-2:nth-child(4) select[b-ptt7wovu5h] {
    font-size: 1.2rem;
    padding: 10px;
}

/* Partner section styling */
.partner-section[b-ptt7wovu5h] {
    background: #f8f9fa;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

/* Contact and User list styling */
.contact-item[b-ptt7wovu5h], .user-item[b-ptt7wovu5h] {
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
}

    .contact-item:last-child[b-ptt7wovu5h], .user-item:last-child[b-ptt7wovu5h] {
        border-bottom: none;
    }
.btn-success[b-ptt7wovu5h] {
    color:white;
}
/* Responsive behavior for meeting display */
@media (max-width: 992px) {
    .meeting-container[b-ptt7wovu5h] {
        flex: 1 1 calc(50% - 15px); /* Two meetings per row */
    }
}

@media (max-width: 600px) {
    .meeting-container[b-ptt7wovu5h] {
        flex: 1 1 100%; /* Stack meetings in one column */
    }
}
/* _content/wwwAppEP/Pages/Management/ProposalApplicationForm.razor.rz.scp.css */
.large-input-text[b-fmjdl2h0ud] {
    width: 100%; /* Set to full width of the parent container */
    height: 100px; /* Increase height for a larger text area look */
    font-size: 16px; /* Increase font size */
    padding: 10px; /* Add some padding for a comfortable typing area */
    box-sizing: border-box; /* Ensures padding and borders are included in the element's total width and height */
}

.form-container[b-fmjdl2h0ud] {
    background-color: #f9f9f9;
    margin: 0 auto;
    padding: 20px; /* Increased padding for better spacing */
    border: 1px solid #ddd;
    border-radius: 5px;
}

.foa[b-fmjdl2h0ud] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    background-color: ghostwhite;
    margin-top: 1.1rem;
    margin-bottom: 1.6rem;
}

    /*.text-editor-custom .ql-container {
        height: 100%;*/ /* Ensure the container takes up the full height */
    /*}

    .text-editor-custom .ql-editor {
        min-height: 100px;*/ /* Set the minimum height of the editable content */
    /*}*/


.form-group[b-fmjdl2h0ud] {
   /* border-top: 1px solid #b3cde0;*/ 
    /*border-bottom: 1px solid #b3cde0;*/ /* Light blue bottom border */
    padding: 1.2rem 0; /* Increased padding for more spacing between fields */
    margin-bottom: 1.3rem; /* Adds space between form groups */
    margin-top:1.2rem;
}

.form-groupy[b-fmjdl2h0ud] {
    border-top: 1px solid #b3cde0; /* Light blue border */
    padding: 20px 0;
    margin-bottom: 20px;
}

.nof div[b-fmjdl2h0ud] {
    margin-bottom: 12px; /* Larger margin between number fields */
}

.two-column[b-fmjdl2h0ud] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px; /* Adds spacing between grouped fields */
}

    .two-column div[b-fmjdl2h0ud] {
        flex: 1;
        min-width: 280px;
    }

.two-columns[b-fmjdl2h0ud] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
}

label[b-fmjdl2h0ud] {
    /*font-weight: bold;*/ /* Makes the labels bold */
    font-size: 18px; /* Increases the font size for better readability */
}

input[type="radio"][b-fmjdl2h0ud], input[type="checkbox"][b-fmjdl2h0ud] {
    margin-right: 1px;
}

button[b-fmjdl2h0ud] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* Responsive Styles */
@media (max-width: 993px) {
    .two-column[b-fmjdl2h0ud] {
        flex-direction: column;
    }
    .form-group[b-fmjdl2h0ud] {
        padding: 15px;
    }
}

@media (max-width: 720px) {
    .two-column[b-fmjdl2h0ud] {
        flex-direction: column;
    }

    .form-group[b-fmjdl2h0ud] {
        padding: 15px;
    }
}


.educational-form-background[b-fmjdl2h0ud] {
    background-color: #f8f9fa;
    padding: 10px; /* Add some padding for spacing */
    border-radius: 8px; /* Rounded corners for a softer look */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    margin-bottom: 1.3rem; /* Space between components */
    margin-top: 1.3rem;
}
.activities-form-background[b-fmjdl2h0ud] {
    background-color: #f8f9fa;
    padding: 10px; /* Add some padding for spacing */
    border-radius: 8px; /* Rounded corners for a softer look */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    margin-bottom: 1.3rem; /* Space between components */
    margin-top: 1.3rem;
}
/* _content/wwwAppEP/Pages/Participation/EPP_PAPP.razor.rz.scp.css */
*[b-igyk131sm9] {
    box-sizing: border-box;
   
}

.row[b-igyk131sm9] {
    margin-left: -5px;
    margin-right: -5px;
    font-size: 15px;
}

.column[b-igyk131sm9] {
    float: left;
    width: 50%;
    padding: 5px;
    font-size: 15px;
}
/* Clearfix (clear floats) */
.row[b-igyk131sm9]::after {
    content: "";
    clear: both;
    display: table;
    font-size: 15px;
}

table[b-igyk131sm9] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 9px;
    overflow: hidden;
    font-size: 15px;
}

th[b-igyk131sm9], td[b-igyk131sm9] {
    text-align: left;
    padding: 8px;
    font-size: 15px;
}
/* custom-styles.css */
@media (max-width: 600px) {
    h1.flex-container[b-igyk131sm9] {
        flex-direction: column;
        align-items: flex-start;
    }

    mark.flex-container[b-igyk131sm9] {
        flex-direction: column;
        align-items: flex-start;
    }

        mark.flex-container > div[b-igyk131sm9],
        mark.flex-container > i[b-igyk131sm9] {
            display: block;
            margin-bottom: 5px;
        }
}
/* _content/wwwAppEP/Pages/Timeline.razor.rz.scp.css */
/* Gradient background for the row */
.gradient-background[b-iu4vbf771c] {
    background: linear-gradient(to right, #f8f9fa, #e0e0e0); /* Gradient from white to light grey */
    padding: 10px; /* Increased padding for better spacing */
    border-radius: 10px; /* Rounded corners */
    display: flex;
    align-items: center;
    justify-content: space-between; /* Distribute items evenly */
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
}

/* Individual items inside the row */
.gradient-item[b-iu4vbf771c] {
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: 10px;
}

/* Ensure inputs and select take up full width of their containers */
.input-date[b-iu4vbf771c] {
    width: 80% !important; /* Set width to 50% of current size */
    max-width: 80%; /* Maintain same max-width */
}

/* Adjust the select form-control to be 100% */
select.form-control[b-iu4vbf771c] {
    width: 80%;
    max-width: 80%;
}

/* Spacing between controls */
.gradient-background > .col-lg-2[b-iu4vbf771c], .gradient-background > .col-lg-4[b-iu4vbf771c] {
    margin-right: 10px; /* Space between items */
}

.gradient-background .d-flex[b-iu4vbf771c] {
    gap: 10px; /* Gap between buttons */
}

/* Button styling */
.btn-primary[b-iu4vbf771c], .btn-secondary[b-iu4vbf771c] {
    white-space: nowrap; /* Prevent text wrapping */
    padding: 8px 16px; /* Add padding for a better look */
}

/* Fix for Filter button */
.btn-primary[b-iu4vbf771c] {
    background-color: #6f42c1; /* A nicer purple color */
    border-color: #6f42c1;
    color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .gradient-background[b-iu4vbf771c] {
        flex-direction: column; /* Stack items vertically on small screens */
        align-items: flex-start;
    }

    .gradient-item[b-iu4vbf771c] {
        width: 100%; /* Make inputs full width on smaller screens */
        margin-right: 0;
        margin-bottom: 10px; /* Add space between rows */
    }

    .input-date[b-iu4vbf771c] {
        width: 80% !important; /* Make InputDate take full width on smaller screens */
        max-width: 80%;
    }

    .d-flex[b-iu4vbf771c] {
        width: 100%; /* Make buttons take full width */
        justify-content: space-between;
    }

    .btn-primary[b-iu4vbf771c], .btn-secondary[b-iu4vbf771c] {
        width: 48%; /* Split width evenly */
    }
    select.form-control[b-iu4vbf771c] {
        width: 80%;
        max-width: 80%;
    }
}

@media (max-width: 576px) {
    .gradient-background[b-iu4vbf771c] {
        padding: 15px; /* Reduce padding on extra small screens */
    }

    .d-flex[b-iu4vbf771c] {
        flex-direction: column;
        align-items: stretch;
    }

    .btn-primary[b-iu4vbf771c], .btn-secondary[b-iu4vbf771c] {
        width: 100%; /* Full width buttons on extra small screens */
        margin-bottom: 10px;
    }
    select.form-control[b-iu4vbf771c] {
        width: 80%;
        max-width: 80%;
    }
    .input-date[b-iu4vbf771c]{
        width:80% !important;
    }
}

/* Style for curved borders */
.table-custom[b-iu4vbf771c] {
    border-radius: 10px; /* Curved borders for the table */
    overflow: hidden; /* Ensures curved borders are applied to table */
}

    /* Style for table header */
    .table-custom thead[b-iu4vbf771c] {
        background-color: #f8f9fa; /* Light background for header */
        font-weight: bold;
    }

    /* For table rows */
    .table-custom tbody tr[b-iu4vbf771c] {
        transition: background-color 0.3s ease; /* Smooth hover transition */
    }

        .table-custom tbody tr:hover[b-iu4vbf771c] {
            background-color: #e9ecef; /* Light grey on hover */
        }
/* _content/wwwAppEP/Shared/ActiveEPProjectCosts.razor.rz.scp.css */
body[b-eepigjftor] {
    font-family: Arial, sans-serif;
    color: #333; /* Απαλό χρώμα κειμένου για το σώμα */
}

.table-responsive[b-eepigjftor] {
    width: 100%;
    overflow-x: auto; /* Επιτρέπει οριζόντια κύλιση σε μικρές οθόνες */
    -webkit-overflow-scrolling: touch; /* Βελτιωμένο scrolling για iOS */
}

.table[b-eepigjftor] {
    width: 100%;
    border-collapse: collapse; /* Σιγουρεύει ότι τα περιγράμματα είναι ενιαία */
    border: 1px solid #dcdcdc; /* Απαλό γκρι περίγραμμα για τον πίνακα */
}

    .table thead th[b-eepigjftor] {
        background-color: #f9f9f9; /* Απαλό χρώμα φόντου για την κεφαλίδα */
        color: #666; /* Ελαφρώς πιο σκούρο κείμενο για την κεφαλίδα */
        padding: 12px;
        border-bottom: 1px solid #dcdcdc; /* Απαλό γκρι περίγραμμα στο κάτω μέρος */
        text-align: left;
    }

    .table tbody tr[b-eepigjftor] {
        background-color: #ffffff; /* Λευκό φόντο για τις σειρές */
        color: #444; /* Ελαφρώς πιο σκούρο χρώμα κειμένου για τις σειρές */
    }

        .table tbody tr:nth-child(even)[b-eepigjftor] {
            background-color: #f7f7f7; /* Απαλό γκρι φόντο για τις ζυγές σειρές */
        }

        .table tbody tr:hover[b-eepigjftor] {
            background-color: #eeeeee; /* Ελαφρύ εφέ hover */
        }

    .table tbody td[b-eepigjftor] {
        padding: 10px;
        border: 1px solid #e5e5e5; /* Απαλό γκρι περίγραμμα γύρω από κάθε κελί */
        color: #555; /* Χρώμα κειμένου για τα κελιά */
    }

/* Προσαρμογή για μικρότερα πλάτη οθόνης */
@media (max-width: 600px) {
    .table thead[b-eepigjftor] {
        display: none; /* Απόκρυψη της κεφαλίδας σε μικρές οθόνες */
    }

    .table tbody tr[b-eepigjftor] {
        display: block; /* Οι σειρές γίνονται block elements */
        margin-bottom: 10px; /* Απόσταση μεταξύ των σειρών */
    }

    .table tbody td[b-eepigjftor] {
        display: block; /* Τα κελιά γίνονται block elements */
        text-align: right; /* Ευθυγράμμιση του κειμένου δεξιά */
        padding-left: 50%; /* Απόσταση από αριστερά */
        position: relative; /* Για το pseudo-element */
    }

        .table tbody td[b-eepigjftor]::before {
            content: attr(data-label); /* Προσθέτει τα labels */
            position: absolute;
            left: 0;
            width: 45%;
            padding-left: 10px;
            font-weight: bold;
            text-align: left; /* Ευθυγράμμιση του label αριστερά */
        }
}
/* _content/wwwAppEP/Shared/ActiveProjects.razor.rz.scp.css */
/* Existing styles */
.colorTr[b-y5n0qnlzgr] {
    background-color: #F2F2F2;
    text-align: center;
    vertical-align: middle;
}

.colorTd[b-y5n0qnlzgr] {
    background-color: #F5FBFF;
    text-align: start;
    vertical-align: middle;
}

.colorTd2[b-y5n0qnlzgr] {
    background-color: #E9F1F3;
    text-align: center;
    vertical-align: middle;
}

.idAlign[b-y5n0qnlzgr] {
    text-align: center;
    vertical-align: middle;
}

.idAlign2[b-y5n0qnlzgr] {
    background-color: #F2F2F2;
    text-align: center;
    vertical-align: middle;
}

a:link[b-y5n0qnlzgr] {
    text-decoration: none;
}

/* Ensure borders are collapsed */
.table-container table[b-y5n0qnlzgr] {
    border: 1px solid #D3D3D3; /* Lighter shade of gray */
    border-collapse: collapse; /* Collapse borders */
}

    .table-container table th[b-y5n0qnlzgr],
    .table-container table td[b-y5n0qnlzgr] {
        border: 1px solid #D3D3D3; /* Lighter shade of gray for cell borders */
    }

    /* Remove the bottom border of the second row */
    .table-container table tr:nth-child(2) td[b-y5n0qnlzgr] {
        border-bottom: none !important;
    }
    /* Remove top border from the third row */
    .table-container table tr:nth-child(3) td[b-y5n0qnlzgr] {
        border-top: none !important; 
    }
.toggle-button[b-y5n0qnlzgr] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size:22px;
}

    .toggle-button i[b-y5n0qnlzgr] {
        color: #007bff; /* Χρώμα για το εικονίδιο του κουμπιού */
    }
/* _content/wwwAppEP/Shared/ActivitiesProposal.razor.rz.scp.css */
.table-container[b-j38l8r7el3] {
    display: flex;
    flex-direction: column;
    padding: 1rem; /* Adds padding inside the container */
    background-color: #f8f9fa; /* Apply background color inside the container */
    border-radius: 8px; /* Keeps rounded corners */
    margin-bottom: 1.5rem; /* Adds margin outside but keeps it transparent */
}

.table-row[b-j38l8r7el3] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #ccc;
}

.header[b-j38l8r7el3] {
    font-weight: bold;
    background-color: #f5efe8;
    padding: 0.5rem;
    margin-bottom: 0.5rem; /* Adds space between header and rows */
}
span[b-j38l8r7el3] {
    font-size: 1.2rem;
}
.table-cell[b-j38l8r7el3] {
    flex: 1;
    padding: 0.4rem;
}
.txtdesc[b-j38l8r7el3] {
    padding: 1.2rem 0;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    background-color: ghostwhite;
    margin-bottom: 1.6rem;
   
}

.actions[b-j38l8r7el3] {
    text-align: left;
}

.button-group[b-j38l8r7el3] {
    display: flex;
    gap: 0.5rem;
}

.form-container[b-j38l8r7el3] {
    flex-direction: column;
    padding: 0.9rem;
    background-color: #f8f9fa;
    border-radius: 8px;
}

.form-group[b-j38l8r7el3] {
    margin-top:2.9rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.6rem;
}

    .form-group label[b-j38l8r7el3] {
        font-weight: bold;
        margin-bottom: 0.3rem;
    }

button[b-j38l8r7el3] {
    margin-top: 1rem;
}

    button.btn-primary[b-j38l8r7el3] {
        background-color: cornflowerblue;
    }

.button-group[b-j38l8r7el3] {
    justify-content: start;
    display: flex;
    gap: 5px;
}

    .button-group button[b-j38l8r7el3] {
        flex-shrink: 0;
    }

.edits[b-j38l8r7el3] {
    font-size: 0.9rem;
}

.checkbox-container[b-j38l8r7el3] {
    background-color: #f0f8ff;
    padding: 10px;
    margin-top: 4px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 8px;
}

    .checkbox-container input[type="checkbox"][b-j38l8r7el3] {
        margin-right: 8px;
    }

    .checkbox-container label[b-j38l8r7el3] {
        font-weight: bold;
        color: #333;
    }
.form-actions[b-j38l8r7el3] {
    margin-top: 2.9rem; /* Add more spacing between the editor and buttons */
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
}

.restore-row[b-j38l8r7el3] {
    display: flex;
    justify-content: flex-start; /* Align to the start (left) */
    padding: 0.5rem 0;
    margin-bottom: 0.5rem; /* Adds some space between the button and the title */
}

.restore[b-j38l8r7el3] {
    background-color: #28a745; /* Customize as needed */
    color: #fff;
    font-weight: bold;
    border: none;
    cursor: pointer;
}
/* _content/wwwAppEP/Shared/ChooseLanguage.razor.rz.scp.css */
/* Keep language buttons in a single row */
.language-buttons[b-i55s0ximgk] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items:center;
    gap: 5px;
}

    .language-buttons button[b-i55s0ximgk] {
        max-width: 30px;
        max-height: 30px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size:x-small;
    }

    .language-buttons select[b-i55s0ximgk] {
        max-width: 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: x-small;
    }
/* _content/wwwAppEP/Shared/EPDailyCosts.razor.rz.scp.css */
.input-container[b-qls2l8lu1k] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-group[b-qls2l8lu1k] {
    margin-bottom: 8px; /* Adjust spacing between input groups */
}

.input-label[b-qls2l8lu1k] {
    margin-right: 8px; /* Adjust spacing between label and input */
}

.responsive-input[b-qls2l8lu1k] {
    width: 5rem; /* Default width in rem */
}

.responsive-span[b-qls2l8lu1k] {
    padding-left: 0.5rem; /* Default padding in rem */
    padding-right: 0.5rem; /* Default padding in rem */
}

/* Media query for devices with max-width 768px (small devices) */
@media (max-width: 768px) {
    .responsive-input[b-qls2l8lu1k] {
        width: 3.5rem; /* Smaller width for small devices */
    }

    .responsive-span[b-qls2l8lu1k] {
        padding-left: 0.3rem; /* Smaller padding for small devices */
        padding-right: 0.3rem; /* Smaller padding for small devices */
    }
}


/* Form input adjustments */
.form-select[b-qls2l8lu1k],
.form-control[b-qls2l8lu1k] {
    width: 100%;
}

/* Button adjustments */
.btn[b-qls2l8lu1k] {
    font-size: 14px;
    padding: 6px 12px;
}

/* Icon adjustments */
.fa[b-qls2l8lu1k] {
    font-size: 18px;
}

/* Alignment adjustments */
.text-end[b-qls2l8lu1k] {
    text-align: end;
    font-weight: bold;
}
/* _content/wwwAppEP/Shared/EPFPartner.razor.rz.scp.css */
/* Στυλ για το container */
.info-box[b-1ozm3w5riu] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από το container */
    border-radius: 5px; /* Στρογγυλεμένες γωνίες */
    padding: 15px; /* Εσωτερικό περιθώριο */
    background-color: rgba(255, 255, 255, 0.9); /* Ελαφρύ λευκό φόντο */
    margin-bottom: 1rem; /* Απόσταση από το κάτω μέρος */
}

/* Στυλ για τον πίνακα */
table[b-1ozm3w5riu] {
    border-collapse: collapse; /* Αποφυγή διπλών περιγραμμάτων μεταξύ των κελιών */
    width: 100%;
}

    table td[b-1ozm3w5riu], table th[b-1ozm3w5riu] {
        border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τα κελιά */
        padding: 8px;
        background-color: rgba(240, 248, 255, 0.9); /* Αχνό μπλε φόντο για τα κελιά */
    }
.title[b-1ozm3w5riu] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τα κελιά */
    padding: 8px;
}
.data-cell[b-1ozm3w5riu] {
    background-color: rgba(255, 255, 255, 0.9); /* Ελαφρύ λευκό φόντο για τα κελιά με δεδομένα */
    font-weight: bold; /* Έντονη γραφή για τα δεδομένα */
}

/* Στυλ για τα κουμπιά */
.btn-primary[b-1ozm3w5riu] {
    background-color: #007bff; /* Πιο ανοιχτό μπλε */
    border: 1px solid rgba(0, 123, 255, 0.5); /* Αχνό μπλε περίγραμμα */
}

    .btn-primary:hover[b-1ozm3w5riu] {
        background-color: #0056b3; /* Σκ darker μπλε όταν επιλέγεται */
    }

.btn-warning[b-1ozm3w5riu] {
    background-color: #ffc107; /* Απαλό κίτρινο */
    border: 1px solid rgba(255, 193, 7, 0.5); /* Αχνό κίτρινο περίγραμμα */
}

    .btn-warning:hover[b-1ozm3w5riu] {
        background-color: #e0a800; /* Σκ darker κίτρινο όταν επιλέγεται */
    }

.btn-success[b-1ozm3w5riu] {
    background-color: #28a745; /* Απαλό πράσινο */
    border: 1px solid rgba(40, 167, 69, 0.5); /* Αχνό πράσινο περίγραμμα */
}

    .btn-success:hover[b-1ozm3w5riu] {
        background-color: #218838; /* Σκ darker πράσινο όταν επιλέγεται */
    }

.btn-outline-dark[b-1ozm3w5riu] {
    border: 1px solid rgba(0, 0, 0, 0.5); /* Αχνό μαύρο περίγραμμα */
}

/* Στυλ για τα Input elements */
input[b-1ozm3w5riu], select[b-1ozm3w5riu], textarea[b-1ozm3w5riu] {
    background-color: rgba(255, 255, 255, 0.9); /* Ελαφρύ λευκό φόντο */
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα */
    border-radius: 4px; /* Στρογγυλεμένες γωνίες */
    padding: 5px; /* Εσωτερικό περιθώριο */
}
/* Button container styles */
.button-container[b-1ozm3w5riu] {
    display: flex; /* Use flexbox */
    justify-content: space-between; /* Spread buttons across the available space */
    align-items: center; /* Align buttons vertically */
}

    /* Align the last button (btn-success) to the right */
    .button-container .btn-success[b-1ozm3w5riu] {
        margin-left: auto; /* Push the button to the right */
    }

.autocomplete-wrapper[b-1ozm3w5riu] {
    position: relative;
    width: 100%; /* Ensure it spans the full width of the cell */
}

.suggestions-list[b-1ozm3w5riu] {
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 5px;
    z-index: 1;
    width: 100%; /* Match the width of the input */
}

.suggestion-item[b-1ozm3w5riu] {
    padding: 5px;
    border-bottom: 1px solid #ccc;
    cursor: pointer; /* Make the cursor a hand to indicate clickability */
}

    .suggestion-item:hover[b-1ozm3w5riu] {
        background-color: #f2f2f2; /* Highlight on hover */
    }

    .suggestion-item.clickable[b-1ozm3w5riu] {
        color: #337ab7; /* Optional: Use a color that indicates a link */
        text-decoration: underline; /* Optional: Add an underline to make it look like a link */
    }

        .suggestion-item.clickable:hover[b-1ozm3w5riu] {
            text-decoration: none; /* Remove underline on hover */
        }

.colorTd[b-1ozm3w5riu] {
    font-weight: bold; /* Make IDs stand out */
}
/* _content/wwwAppEP/Shared/EPFPartnerContact.razor.rz.scp.css */
.container[b-0odei81kz4] {
    max-width: 800px;
    margin-left: 0; /* Aligns the container to the left */
    text-align: left; /* Align text within the container to the left */
}

.search-box[b-0odei81kz4] {
    font-size: 1.1rem;
    padding: 10px;
}

.search-results ul[b-0odei81kz4] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0;
}

.custom-textarea[b-0odei81kz4] {
    height: 80px;
    resize: none;
}

.list-group-item[b-0odei81kz4] {
    display: flex;
    align-items: center; /* Ensures proper vertical alignment */
    gap: 8px; /* Controls spacing between elements */
}

.btn[b-0odei81kz4] {
    font-size: 1rem;
    padding: 8px 15px;
}

.card[b-0odei81kz4] {
    border-radius: 8px;
    border: none;
}

/* _content/wwwAppEP/Shared/EPFPartnerContacts.razor.rz.scp.css */
.container[b-6vywmi0r3e] {
    max-width: 800px;
    margin-left: 0; /* Aligns the container to the left */
    text-align: left; /* Align text within the container to the left */
}

.card[b-6vywmi0r3e] {
    border-radius: 8px;
    border: none;
    text-align: left; /* Ensures text aligns properly */
}

h3[b-6vywmi0r3e] {
    text-align: left;
}

.contact-item[b-6vywmi0r3e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    border-bottom: 1px solid #dee2e6;
}

    .contact-item div[b-6vywmi0r3e] {
        flex: 1;
        text-align: left;
    }

.btn[b-6vywmi0r3e] {
    font-size: 1rem;
    padding: 8px 15px;
    margin-left: 5px;
}
/* _content/wwwAppEP/Shared/EPFPartners.razor.rz.scp.css */
/* Ελαφρύ περίγραμμα γύρω από τον πίνακα */
.table[b-6p38akqd0j] {
    border-collapse: collapse;
    width: 100%;
}

/*.table-bordered {
    border: 1px solid rgba(211, 211, 211, 0.5);*/ /* Αχνό γκρι περίγραμμα γύρω από τον πίνακα */
/*}*/

.table th[b-6p38akqd0j], .table td[b-6p38akqd0j] {
    /*border: 1px solid rgba(211, 211, 211, 0.5);*/ /* Αχνό γκρι περίγραμμα γύρω από τα κελιά */
    padding: 8px;
    text-align: start;
    vertical-align: middle;
}

/* Στυλ για τα κελιά του πίνακα */
.colorTr[b-6p38akqd0j] {
    background-color: rgba(232, 232, 232, 0.5); /* Αχνό γκρι φόντο για τις επικεφαλίδες */
    text-align: center;
    vertical-align: middle;
}

.idAlign[b-6p38akqd0j] {
    background-color: rgba(245, 245, 245, 0.7); /* Αχνό λευκό φόντο για τα κελιά με ID */
    text-align: center;
    vertical-align: middle;
}

.colorTd[b-6p38akqd0j] {
    background-color: rgba(245, 245, 245, 0.7); /* Αχνό λευκό φόντο για τα δεδομένα */
}

/* Αφαίρεση υπογράμμισης από τα links */
a:link[b-6p38akqd0j] {
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    /*color: #007bff;*/ /* Ελαφρύ μπλε χρώμα για τα links */
}

a:hover[b-6p38akqd0j] {
    text-decoration: underline; /* Υπογράμμιση κατά την αιώρηση */
}
/* Flex container for icons */
.icon-container[b-6p38akqd0j] {
    display: flex;
    align-items: center; /* Vertically align icons in the middle */
    justify-content: center; /* Horizontally center if needed */
    gap: 6px; /* Space between the icons */
}

/* Ensure the icons are styled properly */
.icon-link i[b-6p38akqd0j] {
    font-size: 17px;
    vertical-align: middle;
}

/* Alignment for anchor links */
.icon-container a[b-6p38akqd0j] {
    display: flex;
    align-items: center;
}
/* _content/wwwAppEP/Shared/EPFPartnerType.razor.rz.scp.css */
/* Ελαφρύ περίγραμμα γύρω από τον πίνακα */
.table[b-slhd4d9q04] {
    border-collapse: collapse;
    width: 100%;
}

.table-bordered[b-slhd4d9q04] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τον πίνακα */
}

.table th[b-slhd4d9q04], .table td[b-slhd4d9q04] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τα κελιά */
    padding: 8px;
    text-align: start;
    vertical-align: middle;
}

/* Στυλ για τα κελιά του πίνακα */
.colorTd[b-slhd4d9q04] {
    background-color: rgba(245, 245, 245, 0.7); /* Αχνό λευκό φόντο για τα δεδομένα */
    font-weight: bold;
}

/* Στυλ για τις επικεφαλίδες του πίνακα */
.table thead th[b-slhd4d9q04] {
    background-color: rgba(232, 232, 232, 0.7); /* Αχνό γκρι φόντο για τις επικεφαλίδες */
    text-align: center;
    vertical-align: middle;
}

/* Ελαφρύ περίγραμμα για τα borders της div */
.border-light[b-slhd4d9q04] {
    border-color: rgba(200, 200, 200, 0.5) !important; /* Αχνό γκρι περίγραμμα γύρω από τη div */
}

/* Στρογγυλεμένες γωνίες */
.rounded[b-slhd4d9q04] {
    border-radius: 0.25rem; /* Ελαφρύ rounding στις γωνίες */
}

/* Σύνδεσμοι */
a:link[b-slhd4d9q04] {
    text-decoration: none;
    color: #007bff; /* Ελαφρύ μπλε χρώμα για τους συνδέσμους */
}

a:hover[b-slhd4d9q04] {
    text-decoration: underline; /* Υπογράμμιση κατά την αιώρηση */
}

@media (max-width: 575px) {
    .border-top[b-slhd4d9q04] {
        border-top: 1px solid #424242;
    }

    .border-left[b-slhd4d9q04] {
        border-left: 1px solid #424242;
    }

    .border-bottom[b-slhd4d9q04] {
        border-bottom: 1px solid #424242;
    }

    .border-right[b-slhd4d9q04] {
        border-right: 1px solid #424242;
    }

    .border-top-0[b-slhd4d9q04] {
        border-top: none !important;
    }

    .border-left-0[b-slhd4d9q04] {
        border-left: none !important;
    }

    .border-bottom-0[b-slhd4d9q04] {
        border-bottom: none !important;
    }

    .border-right-0[b-slhd4d9q04] {
        border-right: none !important;
    }
}

@media (min-width: 576px) {
    .border-sm-top[b-slhd4d9q04] {
        border-top: 1px solid #424242;
    }

    .border-sm-left[b-slhd4d9q04] {
        border-left: 1px solid #424242;
    }

    .border-sm-bottom[b-slhd4d9q04] {
        border-bottom: 1px solid #424242;
    }

    .border-sm-right[b-slhd4d9q04] {
        border-right: 1px solid #424242;
    }

    .border-sm-top-0[b-slhd4d9q04] {
        border-top: none !important;
    }

    .border-sm-left-0[b-slhd4d9q04] {
        border-left: none !important;
    }

    .border-sm-bottom-0[b-slhd4d9q04] {
        border-bottom: none !important;
    }

    .border-sm-right-0[b-slhd4d9q04] {
        border-right: none !important;
    }
}

@media (min-width: 768px) {
    .border-md-top[b-slhd4d9q04] {
        border-top: 1px solid #424242;
    }

    .border-md-left[b-slhd4d9q04] {
        border-left: 1px solid #424242;
    }

    .border-md-bottom[b-slhd4d9q04] {
        border-bottom: 1px solid #424242;
    }

    .border-md-right[b-slhd4d9q04] {
        border-right: 1px solid #424242;
    }

    .border-md-top-0[b-slhd4d9q04] {
        border-top: none !important;
    }

    .border-md-left-0[b-slhd4d9q04] {
        border-left: none !important;
    }

    .border-md-bottom-0[b-slhd4d9q04] {
        border-bottom: none !important;
    }

    .border-md-right-0[b-slhd4d9q04] {
        border-right: none !important;
    }
}

@media (min-width: 992px) {
    .border-lg-top[b-slhd4d9q04] {
        border-top: 1px solid #424242;
    }

    .border-lg-left[b-slhd4d9q04] {
        border-left: 1px solid #424242;
    }

    .border-lg-bottom[b-slhd4d9q04] {
        border-bottom: 1px solid #424242;
    }

    .border-lg-right[b-slhd4d9q04] {
        border-right: 1px solid #424242;
    }

    .border-lg-top-0[b-slhd4d9q04] {
        border-top: none !important;
    }

    .border-lg-left-0[b-slhd4d9q04] {
        border-left: none !important;
    }

    .border-lg-bottom-0[b-slhd4d9q04] {
        border-bottom: none !important;
    }

    .border-lg-right-0[b-slhd4d9q04] {
        border-right: none !important;
    }
}

@media (min-width: 1200px) {
    .border-xl-top[b-slhd4d9q04] {
        border-top: 1px solid #424242;
    }

    .border-xl-left[b-slhd4d9q04] {
        border-left: 1px solid #424242;
    }

    .border-xl-bottom[b-slhd4d9q04] {
        border-bottom: 1px solid #424242;
    }

    .border-xl-right[b-slhd4d9q04] {
        border-right: 1px solid #424242;
    }

    .border-xl-top-0[b-slhd4d9q04] {
        border-top: none !important;
    }

    .border-xl-left-0[b-slhd4d9q04] {
        border-left: none !important;
    }

    .border-xl-bottom-0[b-slhd4d9q04] {
        border-bottom: none !important;
    }

    .border-xl-right-0[b-slhd4d9q04] {
        border-right: none !important;
    }
}
/* _content/wwwAppEP/Shared/EPFPartnerTypes.razor.rz.scp.css */
/* Ελαφρύ περίγραμμα γύρω από τον πίνακα */
.table[b-5iutj35id4] {
    border-collapse: collapse;
    width: 100%;
}

.table-bordered[b-5iutj35id4] {
    border: 1px solid rgba(200, 200, 200, 0.3); /* Αχνό γκρι περίγραμμα γύρω από τον πίνακα */
}

.table th[b-5iutj35id4], .table td[b-5iutj35id4] {
    border: 1px solid rgba(200, 200, 200, 0.3); /* Αχνό γκρι περίγραμμα γύρω από τα κελιά */
    padding: 8px;
    text-align: start;
    vertical-align: middle;
}

/* Στυλ για τα κελιά του πίνακα */
.colorTd[b-5iutj35id4] {
    background-color: rgba(245, 245, 245, 0.7); /* Αχνό λευκό φόντο για τα δεδομένα */
}

/* Στυλ για τις επικεφαλίδες του πίνακα */
.colorTr[b-5iutj35id4] {
    background-color: rgba(232, 232, 232, 0.7); /* Αχνό γκρι φόντο για τις επικεφαλίδες */
    text-align: center;
    vertical-align: middle;
}

/* Στυλ για τα κελιά με τα εικονίδια */
.idAlign[b-5iutj35id4] {
    background-color: rgba(245, 245, 245, 0.7); /* Αχνό λευκό φόντο για τα κελιά με τα εικονίδια */
    text-align: center;
    vertical-align: middle;
}

/* Σύνδεσμοι */
a:link[b-5iutj35id4] {
    text-decoration: none;
    color: #007bff; /* Ελαφρύ μπλε χρώμα για τους συνδέσμους */
}

a:hover[b-5iutj35id4] {
    text-decoration: underline; /* Υπογράμμιση κατά την αιώρηση */
}
/* _content/wwwAppEP/Shared/EPFPayment.razor.rz.scp.css */
/* Ελαφρύ περίγραμμα γύρω από τον πίνακα */
.table[b-qexu4p5z4z] {
    border-collapse: collapse;
    width: 100%;
}

.table-bordered[b-qexu4p5z4z] {
    border: 1px solid rgba(200, 200, 200, 0.3); /* Αχνό γκρι περίγραμμα γύρω από τον πίνακα */
}

.table th[b-qexu4p5z4z], .table td[b-qexu4p5z4z] {
    border: 1px solid rgba(200, 200, 200, 0.3); /* Αχνό γκρι περίγραμμα γύρω από τα κελιά */
    padding: 8px;
    text-align: start;
    vertical-align: middle;
}

/* Στυλ για το φόντο του πίνακα */
.colorTable[b-qexu4p5z4z] {
    background-color: rgba(245, 245, 245, 0.7); /* Αχνό λευκό φόντο για τον πίνακα */
}

/* Στυλ για τα κελιά του πίνακα */
.colorTd[b-qexu4p5z4z] {
    font-weight: bold;
    background-color: rgba(245, 245, 245, 0.7); /* Αχνό λευκό φόντο για τα δεδομένα */
}

/* Στυλ για τις επικεφαλίδες του πίνακα */
.colorTr[b-qexu4p5z4z] {
    background-color: rgba(232, 232, 232, 0.7); /* Αχνό γκρι φόντο για τις επικεφαλίδες */
    text-align: center;
    vertical-align: middle;
}

/* Στυλ για τα κελιά με τα εικονίδια */
.idAlign[b-qexu4p5z4z] {
    background-color: rgba(245, 245, 245, 0.7); /* Αχνό λευκό φόντο για τα κελιά με τα εικονίδια */
    text-align: center;
    vertical-align: middle;
}

/* Σύνδεσμοι */
a:link[b-qexu4p5z4z] {
    text-decoration: none;
    color: #007bff; /* Ελαφρύ μπλε χρώμα για τους συνδέσμους */
}

a:hover[b-qexu4p5z4z] {
    text-decoration: underline; /* Υπογράμμιση κατά την αιώρηση */
}

/* Στυλ για τα κουμπιά */
.btn-toolbar .btn[b-qexu4p5z4z] {
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 4px;
}
/* _content/wwwAppEP/Shared/EPFPayments.razor.rz.scp.css */
/* Στυλ για το σύνδεσμο */
a:link[b-wnqb2f0fe8] {
    text-decoration: none;
    color: #007bff; /* Απαλό μπλε για τους συνδέσμους */
}

a:hover[b-wnqb2f0fe8] {
    text-decoration: underline; /* Υπογράμμιση κατά την αιώρηση */
}

/* Στυλ για τις επικεφαλίδες του πίνακα */
.colorTr[b-wnqb2f0fe8] {
    background-color: rgba(232, 232, 232, 0.7); /* Αχνό γκρι φόντο */
}

/* Στυλ για τα κελιά του πίνακα */
td[b-wnqb2f0fe8], th[b-wnqb2f0fe8] {
    border: 1px solid rgba(200, 200, 200, 0.3); /* Αχνό γκρι περίγραμμα */
    padding: 8px;
    text-align: center;
    vertical-align: middle;
}

/* Στυλ για τα κελιά με τα δεδομένα */
.colorTd[b-wnqb2f0fe8] {
    background-color: rgba(240, 248, 255, 0.7); /* Αχνό λευκό φόντο */
    text-align: start;
}

.colorTd2[b-wnqb2f0fe8] {
    background-color: rgba(225, 235, 238, 0.7); /* Αχνό γκρι φόντο */
    text-align: end;
}

.amountColor[b-wnqb2f0fe8] {
    background-color: rgba(185, 217, 235, 0.7); /* Αχνό γκρι μπλε φόντο */
    text-align: end;
}

/* Στυλ για τα κελιά με τα εικονίδια */
.idAlign[b-wnqb2f0fe8] {
    background-color: rgba(240, 248, 255, 0.7); /* Αχνό λευκό φόντο */
    text-align: center;
}

/* Στυλ για τον πίνακα */
.table[b-wnqb2f0fe8] {
    border-collapse: collapse;
    width: 100%;
}

.table-bordered[b-wnqb2f0fe8] {
    border: 1px solid rgba(200, 200, 200, 0.3); /* Αχνό γκρι περίγραμμα γύρω από τον πίνακα */
}

.table-hover tbody tr:hover[b-wnqb2f0fe8] {
    background-color: rgba(0, 0, 0, 0.05); /* Αχνό γκρι χρώμα κατά την αιώρηση */
}
/* Στυλ για το κουμπί του πίνακα */
.toggle-button[b-wnqb2f0fe8] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}
    .toggle-button i[b-wnqb2f0fe8] {
        color: #007bff; /* Χρώμα για το εικονίδιο του κουμπιού */
    }
/* _content/wwwAppEP/Shared/EPFProjectCost.razor.rz.scp.css */
/* Στυλ για το κουμπί */
.btn[b-20aqubgtpo] {
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
}

/* Στυλ για το κουμπί προσθήκης */
.btn-primary[b-20aqubgtpo] {
    background-color: #007bff;
    border: none;
    color: white;
}

    .btn-primary:hover[b-20aqubgtpo] {
        background-color: #0056b3;
    }

/* Στυλ για το κουμπί αποθήκευσης και τροποποίησης */
.btn-warning[b-20aqubgtpo] {
    background-color: #ffc107;
    border: none;
    color: black;
}

    .btn-warning:hover[b-20aqubgtpo] {
        background-color: #e0a800;
    }

/* Στυλ για το κουμπί ακύρωσης */
.btn-outline-dark[b-20aqubgtpo] {
    border-color: rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.8);
}

    .btn-outline-dark:hover[b-20aqubgtpo] {
        border-color: rgba(0, 0, 0, 0.5);
        color: rgba(0, 0, 0, 1);
    }

/* Στυλ για τον πίνακα */
.table[b-20aqubgtpo] {
    border-collapse: collapse;
    width: 100%;
}

/* Στυλ για τον πίνακα με αχνά περιγράμματα */
.table-bordered[b-20aqubgtpo] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
}

    .table-bordered td[b-20aqubgtpo],
    .table-bordered th[b-20aqubgtpo] {
        border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
        padding: 8px;
    }

/* Στυλ για τις επικεφαλίδες του πίνακα */
.colorTr[b-20aqubgtpo] {
    background-color: rgba(232, 232, 232, 0.5); /* Αχνό γκρι φόντο */
    text-align: center;
    vertical-align: middle;
}

/* Στυλ για τα κελιά του πίνακα */
.colorTd[b-20aqubgtpo] {
    background-color: rgba(240, 248, 255, 0.5); /* Αχνό λευκό φόντο */
    font-weight: bold;
    text-align: start;
    vertical-align: middle;
}

.colorTd2[b-20aqubgtpo] {
    background-color: rgba(225, 235, 238, 0.5); /* Αχνό γκρι φόντο */
    text-align: end;
    vertical-align: middle;
}

.amountColor[b-20aqubgtpo] {
    background-color: rgba(185, 217, 235, 0.5); /* Αχνό γκρι μπλε φόντο */
    text-align: end;
    vertical-align: middle;
}

/* Στυλ για τα κελιά με τα εικονίδια */
.idAlign[b-20aqubgtpo] {
    background-color: rgba(240, 248, 255, 0.5); /* Αχνό λευκό φόντο */
    text-align: center;
    vertical-align: middle;
}

/* Στυλ για τα έντυπα της φόρμας */
.d-inline[b-20aqubgtpo] {
    display: inline-block;
}

/* Στυλ για το φόρμα */
.table-responsive[b-20aqubgtpo] {
    overflow-x: auto;
}

/* Στυλ για το κουμπί εργαλείων */
.btn-toolbar[b-20aqubgtpo] {
    display: flex;
    justify-content: center;
}
/* _content/wwwAppEP/Shared/EPFProjectCosts.razor.rz.scp.css */
/* Στυλ για τους συνδέσμους */
a:link[b-y6a3pys9gh] {
    text-decoration: none;
}

/* Στυλ για τις επικεφαλίδες του πίνακα */
.colorTr[b-y6a3pys9gh] {
    background-color: rgba(232, 232, 232, 0.5); /* Αχνό γκρι φόντο */
    text-align: center;
    vertical-align: middle;
}

/* Στυλ για τα κελιά του πίνακα (τυπικά) */
.colorTd[b-y6a3pys9gh] {
    background-color: rgba(240, 248, 255, 0.5); /* Αχνό λευκό φόντο */
    text-align: start;
    vertical-align: middle;
}

/* Στυλ για τα κελιά του πίνακα (ποσοστά και ποσά) */
.colorTd2[b-y6a3pys9gh] {
    background-color: rgba(225, 235, 238, 0.5); /* Αχνό γκρι φόντο */
    text-align: end;
    vertical-align: middle;
}

/* Στυλ για το συνολικό ποσό και άλλα συνοδευτικά ποσά */
.amountColor[b-y6a3pys9gh] {
    background-color: rgba(185, 217, 235, 0.5); /* Αχνό γκρι μπλε φόντο */
    text-align: end;
    vertical-align: middle;
}

/* Στυλ για τα κελιά με τα εικονίδια */
.idAlign[b-y6a3pys9gh] {
    background-color: rgba(240, 248, 255, 0.5); /* Αχνό λευκό φόντο */
    text-align: center;
    vertical-align: middle;
}

/* Στυλ για τον πίνακα με αχνά περιγράμματα */
.table-bordered[b-y6a3pys9gh] {
    border-collapse: collapse;
    width: 100%;
}

    .table-bordered td[b-y6a3pys9gh],
    .table-bordered th[b-y6a3pys9gh] {
        border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
        padding: 8px;
    }

/* Στυλ για το κουμπί του πίνακα */
.toggle-button[b-y6a3pys9gh] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

    .toggle-button i[b-y6a3pys9gh] {
        color: #007bff; /* Χρώμα για το εικονίδιο του κουμπιού */
    }

/* Στυλ για τα κουμπιά */
.btn[b-y6a3pys9gh] {
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
}

.btn-primary[b-y6a3pys9gh] {
    background-color: #007bff;
    border: none;
    color: white;
}

    .btn-primary:hover[b-y6a3pys9gh] {
        background-color: #0056b3;
    }

.btn-warning[b-y6a3pys9gh] {
    background-color: #ffc107;
    border: none;
    color: black;
}

    .btn-warning:hover[b-y6a3pys9gh] {
        background-color: #e0a800;
    }

.btn-outline-dark[b-y6a3pys9gh] {
    border-color: rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.8);
}

    .btn-outline-dark:hover[b-y6a3pys9gh] {
        border-color: rgba(0, 0, 0, 0.5);
        color: rgba(0, 0, 0, 1);
    }

/* Στυλ για το responsive table */
.table-responsive[b-y6a3pys9gh] {
    overflow-x: auto;
}
/* _content/wwwAppEP/Shared/EPFProposal.razor.rz.scp.css */
.colorTd[b-4hr2m893pb] {
    padding: 8px;
    background-color: #fafafa; /* Πιο αχνό χρώμα για τα κελιά */
    border-radius: 5px;
    border: 1px solid #dcdcdc; /* Αχνό περίγραμμα με 1px μέγεθος */
}
.colorDesc[b-4hr2m893pb] {
    padding: 8px;
    background-color: rgba(245, 245, 245, 0.6);
    border-radius: 5px;
}
.colorShortDesc[b-4hr2m893pb] {
    padding: 8px;
    background-color: rgba(245, 245, 245, 0.6);
}
span[b-4hr2m893pb] {
    font-weight: bold;
}

.view[b-4hr2m893pb] {
    font-weight: bold;
    font-size: 1rem;
    margin: 0px 0px 0px 3px;
}

/* Global styles */
.responsive-container[b-4hr2m893pb] {
    width: 100%;
    max-width: 800px;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.form-group-check[b-4hr2m893pb] {
    display: inline;
    margin: 0px 0px 15px 0px;
}

.form-header[b-4hr2m893pb] {
    text-align: center;
    margin-bottom: 20px;
}

.form-group[b-4hr2m893pb] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-4hr2m893pb] {
        margin-bottom: 5px;
    }

.buttons-container[b-4hr2m893pb] {
    display: flex;
    justify-content: space-between;
}

    .buttons-container button[b-4hr2m893pb] {
        flex: 1;
        margin-right: 10px;
    }

        .buttons-container button:last-child[b-4hr2m893pb] {
            margin-right: 0;
        }

/* Αχνά περιγράμματα */
.border-1[b-4hr2m893pb],
.border-success[b-4hr2m893pb],
.border-primary[b-4hr2m893pb] {
    border-width: 1px !important; /* Ορίζει το μέγεθος του border σε 1px */
}

/* Προσαρμογή των χρωμάτων των Bootstrap borders με αχνή αδιαφάνεια */
.border-success[b-4hr2m893pb] {
    border-color: rgba(40, 167, 69, 0.5) !important; /* Αχνό πράσινο */
}

.border-primary[b-4hr2m893pb] {
    border-color: rgba(0, 123, 255, 0.5) !important; /* Αχνό μπλε */
}


/* Responsive styles */
@media screen and (max-width: 768px) {
    .form-group[b-4hr2m893pb] {
        flex-direction: column;
    }

    .buttons-container[b-4hr2m893pb] {
        flex-direction: column;
    }

        .buttons-container button[b-4hr2m893pb] {
            margin-bottom: 10px;
        }

            .buttons-container button:last-child[b-4hr2m893pb] {
                margin-bottom: 0;
            }
}
/* _content/wwwAppEP/Shared/EPFProposalCost.razor.rz.scp.css */

.colorTd[b-428q2u3ukm] {
    font-weight: bold;
    background-color: rgba(240, 248, 255, 0.5); 
    border: 1px solid rgba(211, 211, 211, 0.5); 
}
.colorId[b-428q2u3ukm] {
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid;
}

.table[b-428q2u3ukm] {
    border: 1px solid rgba(211, 211, 211, 0.5) !important; 
}

    .table td[b-428q2u3ukm], .table th[b-428q2u3ukm] {
        border: 1px solid rgba(211, 211, 211, 0.5) !important;
    }


.border-1[b-428q2u3ukm] {
    border: 1px solid rgba(211, 211, 211, 0.5) !important; 
}


.table thead tr[b-428q2u3ukm] {
    background-color: rgba(220, 220, 220, 0.5);
    color: #000; 
}

.table tbody tr:nth-child(even)[b-428q2u3ukm] {
    background-color: rgba(240, 248, 255, 0.5); 
}

.table tbody tr:nth-child(odd)[b-428q2u3ukm] {
    background-color: rgba(225, 235, 238, 0.5); 
}

/* Αλλαγές στα κουμπιά για να διατηρήσουν την οπτική τους */
/*.btn-primary {
    background-color: rgba(0, 123, 255, 0.5) !important;*/ /* Αχνό μπλε */
    /*border-color: rgba(0, 123, 255, 0.5) !important;*/ /* Αχνό μπλε περίγραμμα */
/*}

.btn-warning {
    background-color: rgba(255, 193, 7, 0.5) !important;*/ /* Αχνό κίτρινο */
    /*border-color: rgba(255, 193, 7, 0.5) !important;*/ /* Αχνό κίτρινο περίγραμμα */
/*}

.btn-success {
    background-color: rgba(40, 167, 69, 0.5) !important;*/ /* Αχνό πράσινο */
    /*border-color: rgba(40, 167, 69, 0.5) !important;*/ /* Αχνό πράσινο περίγραμμα */
/*}

.btn-outline-dark {
    border-color: rgba(0, 0, 0, 0.5) !important;*/ /* Αχνό μαύρο περίγραμμα */
/*}*/


input[b-428q2u3ukm], select[b-428q2u3ukm], textarea[b-428q2u3ukm] {
    border: 1px solid rgba(211, 211, 211, 0.5) !important; 
    background-color: rgba(255, 255, 255, 0.5) !important; 
}
/* _content/wwwAppEP/Shared/EPFProposalCosts.razor.rz.scp.css */
/* Απομάκρυνση υπογράμμισης από τους συνδέσμους */
a:link[b-uforam80ij] {
    text-decoration: none;
}

/* Στυλ για τις γραμμές του πίνακα και τα κελιά */
.table[b-uforam80ij], .table td[b-uforam80ij], .table th[b-uforam80ij] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα */
    border-radius: 8px; /* Στρογγυλές γωνίες */
}

/* Στυλ για τις γραμμές επικεφαλίδας */
.colorTr[b-uforam80ij] {
    background-color: rgba(211, 211, 211, 0.3); /* Πιο αχνό γκρι */
    text-align: center;
    vertical-align: middle;
}

/* Στυλ για τα κελιά του πίνακα */
.idAlign[b-uforam80ij] {
    background-color: rgba(240, 248, 255, 0.3); /* Πιο αχνό λευκό */
    text-align: center;
    vertical-align: middle;
}

.colorTd[b-uforam80ij] {
    background-color: rgba(240, 248, 255, 0.3); /* Πιο αχνό λευκό */
    text-align: start;
    vertical-align: middle;
}

.colorTd2[b-uforam80ij] {
    background-color: rgba(240, 248, 255, 0.3); /* Πιο αχνό λευκό */
    text-align: end;
    vertical-align: middle;
}

.amountColor[b-uforam80ij] {
    background-color: rgba(225, 235, 238, 0.5); /* Αχνό γκρι μπλε */
    text-align: start;
    vertical-align: middle;
    font-weight: bold;
    font-size: 20px;
}

.sumColor[b-uforam80ij] {
    background-color: rgba(185, 217, 235, 0.5); /* Αχνό μπλε */
    text-align: end;
    vertical-align: middle;
}
/* _content/wwwAppEP/Shared/EPFProposals.razor.rz.scp.css */
.border-1[b-ehpd0s70lv],
.border-primary[b-ehpd0s70lv],
.table-bordered[b-ehpd0s70lv],
.border-dark[b-ehpd0s70lv] {
    border-width: 1px !important; 
}

.border-primary[b-ehpd0s70lv] {
    border-color: rgba(0, 123, 255, 0.5) !important;
}
.border-dark[b-ehpd0s70lv] {
    border-color: rgba(52, 58, 64, 0.5) !important; 
}


.colorTr[b-ehpd0s70lv] {
    background-color: rgba(220, 220, 220, 0.5); 
    text-align: center;
    vertical-align: middle;
}

.colorTd[b-ehpd0s70lv] {
    background-color: rgba(240, 248, 255, 0.5); 
    text-align: start;
    vertical-align: middle;
}

.colorTd2[b-ehpd0s70lv] {
    background-color: rgba(225, 235, 238, 0.5); 
    text-align: start;
    vertical-align: middle;
}
.table-bordered[b-ehpd0s70lv] {
    border: 1px solid #D3D3D3 !important; /* Αχνό γκρι περίγραμμα */
}

    .table-bordered td[b-ehpd0s70lv],
    .table-bordered th[b-ehpd0s70lv] {
        border: 1px solid #D3D3D3 !important; /* Αχνό γκρι περίγραμμα για τα κελιά */
    }

/* Remove the bottom border of the second row */
.table-container table tr:nth-child(2) td[b-ehpd0s70lv] {
    border-bottom: none !important;
}
/* Remove top border from the third row */
.table-container table tr:nth-child(3) td[b-ehpd0s70lv] {
    border-top: none !important;
}
/* _content/wwwAppEP/Shared/EPFType.razor.rz.scp.css */
/* Στυλ για τα κελιά του πίνακα */
.colorTd[b-kho0z3mjsj] {
    background-color: rgba(240, 248, 255, 0.5); /* Αχνό λευκό φόντο */
    font-weight: bold;
    text-align: start;
    vertical-align: middle;
}

/* Στυλ για τα κελιά του πίνακα (τύποι και ποσοστά) */
.test[b-kho0z3mjsj] {
    background-color: rgba(225, 235, 238, 0.5); /* Αχνό γκρι φόντο */
    text-align: end;
    vertical-align: middle;
}

/* Στυλ για τα κελιά του πίνακα με περιγράμματα */
.border[b-kho0z3mjsj] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
}

/* Στυλ για το κουμπί του πίνακα */
.btn[b-kho0z3mjsj] {
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
}

/* Στυλ για το κουμπί επιβεβαίωσης */
.btn-primary[b-kho0z3mjsj] {
    background-color: #007bff;
    border: none;
    color: white;
}

    .btn-primary:hover[b-kho0z3mjsj] {
        background-color: #0056b3;
    }

/* Στυλ για το κουμπί αποτυχίας */
.btn-warning[b-kho0z3mjsj] {
    background-color: #ffc107;
    border: none;
    color: black;
}

    .btn-warning:hover[b-kho0z3mjsj] {
        background-color: #e0a800;
    }

/* Στυλ για το κουμπί αποθήκευσης */
.btn-success[b-kho0z3mjsj] {
    background-color: #28a745;
    border: none;
    color: white;
}

    .btn-success:hover[b-kho0z3mjsj] {
        background-color: #218838;
    }

/* Στυλ για το κουμπί ακύρωσης */
.btn-outline-dark[b-kho0z3mjsj] {
    border-color: rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.8);
}

    .btn-outline-dark:hover[b-kho0z3mjsj] {
        border-color: rgba(0, 0, 0, 0.5);
        color: rgba(0, 0, 0, 1);
    }

/* Στυλ για τα κουμπιά προσθήκης */
.btn-primary.mb-2[b-kho0z3mjsj] {
    margin-bottom: 1rem;
}

/* Στυλ για το responsive table */
.table[b-kho0z3mjsj] {
    width: 100%;
    border-collapse: collapse;
}

    .table td[b-kho0z3mjsj],
    .table th[b-kho0z3mjsj] {
        border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
        padding: 8px;
    }

/* Στυλ για το εσωτερικό περιθώριο του πίνακα */
.border-3[b-kho0z3mjsj] {
    border-width: 1px;
    border-color: rgba(0, 128, 0, 0.3); /* Αχνό πράσινο περίγραμμα */
}
/* _content/wwwAppEP/Shared/EPFTypes.razor.rz.scp.css */
/* Στυλ για τα links χωρίς υπογραμμίσεις */
a:link[b-k68g334g6z] {
    text-decoration: none;
}

/* Στυλ για την κεφαλίδα του πίνακα */
.colorTr[b-k68g334g6z] {
    background-color: rgba(232, 232, 232, 0.5); /* Αχνό γκρι φόντο */
    text-align: start;
    vertical-align: middle;
    border-bottom: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα κάτω */
}

/* Στυλ για την ευθυγράμμιση των κελιών */
.idAlign[b-k68g334g6z] {
    text-align: center;
    vertical-align: middle;
}

/* Στυλ για τα κελιά του πίνακα */
td[b-k68g334g6z], th[b-k68g334g6z] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
    padding: 0.75rem; /* Εσωτερικό περιθώριο */
}

/* Στυλ για τα κελιά του πίνακα με απαλή απόχρωση φόντου */
.colorTd[b-k68g334g6z] {
    background-color: rgba(255, 255, 255, 0.5); /* Αχνό λευκό φόντο */
}

/* Στυλ για την πρώτη σειρά του πίνακα που είναι επικεφαλίδα */
thead th[b-k68g334g6z] {
    background-color: rgba(200, 200, 200, 0.5); /* Αχνό γκρι φόντο */
    font-weight: bold;
}

/* Στυλ για την απαλότητα του πίνακα */
.table[b-k68g334g6z] {
    border-collapse: collapse; /* Συγχώνευση περιγραμμάτων */
}

/* Στυλ για την απαλότητα του πίνακα και των περιγραμμάτων του */
.table-bordered[b-k68g334g6z] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
}

/* Στυλ για την απαλότητα των στοιχείων του πίνακα όταν πηγαίνετε το ποντίκι πάνω τους */
.table-hover tbody tr:hover[b-k68g334g6z] {
    background-color: rgba(0, 0, 0, 0.05); /* Πολύ αχνό γκρι χρώμα φόντου κατά τη διάρκεια του hover */
}
/* _content/wwwAppEP/Shared/EPMErasmusGroupEdit.razor.rz.scp.css */
body[b-icrerdybqk] {
    font-family: Arial, sans-serif;
    color: #333; /* Απαλό χρώμα κειμένου */
}

.table-responsive[b-icrerdybqk] {
    width: 100%;
    overflow-x: auto; /* Οριζόντια κύλιση για μικρές οθόνες */
    -webkit-overflow-scrolling: touch; /* Κύλιση για iOS */
}

.custom-table[b-icrerdybqk] {
    width: 100%;
    border-collapse: collapse; /* Ενιαία περιγράμματα */
    border: 1px solid #dcdcdc; /* Απαλό γκρι περίγραμμα για τον πίνακα */
    margin: 20px 0; /* Απόσταση πάνω και κάτω από τον πίνακα */
}

    .custom-table td[b-icrerdybqk] {
        padding: 10px;
        border: 1px solid #e5e5e5; /* Απαλό γκρι περίγραμμα γύρω από κάθε κελί */
        color: #555; /* Ελαφρώς πιο απαλό χρώμα κειμένου για τα κελιά */
        background-color: #fafafa; /* Απαλό γκρι φόντο για τα κελιά */
    }

        .custom-table td:first-child[b-icrerdybqk] {
            background-color: #f0f0f0; /* Πιο ανοιχτό φόντο για την πρώτη στήλη */
        }

.edit-form-container[b-icrerdybqk] {
    display: flex;
    gap: 10px;
}

.form-control[b-icrerdybqk] {
    width: 100%;
    padding: 8px;
    border: 1px solid #dcdcdc; /* Απαλό περίγραμμα για το input πεδίο */
    border-radius: 4px; /* Στρογγυλεμένες γωνίες */
    background-color: #fff; /* Λευκό φόντο */
}

.btn[b-icrerdybqk] {
    padding: 8px 12px;
    border-radius: 4px; /* Στρογγυλεμένες γωνίες στα κουμπιά */
}

@media (max-width: 600px) {
    .edit-form-container[b-icrerdybqk] {
        flex-direction: row;
        gap: 3px;
    }

    .custom-table[b-icrerdybqk] {
        border: 0; /* Αφαιρεί τα περιγράμματα του πίνακα σε μικρές οθόνες */
    }

        .custom-table td[b-icrerdybqk] {
            display: block;
            width: 100%;
            padding: 10px;
            text-align: left;
            border-bottom: 1px solid #e5e5e5;
        }

            .custom-table td:first-child[b-icrerdybqk] {
                border-top: 1px solid #e5e5e5; /* Προσθήκη περιγράμματος στην κορυφή της πρώτης στήλης */
            }
}
/* _content/wwwAppEP/Shared/EPMErasmusGroups.razor.rz.scp.css */
*[b-mop8eaowkd] {
    box-sizing: border-box;
}

.row[b-mop8eaowkd] {
    margin-left: -5px;
    margin-right: -5px;
    font-size: 15px;
}

.column[b-mop8eaowkd] {
    float: left;
    width: 50%;
    padding: 5px;
    font-size: 15px;
}


.row[b-mop8eaowkd]::after {
    content: "";
    clear: both;
    display: table;
    font-size: 15px;
}


table[b-mop8eaowkd] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 8px; 
    overflow: hidden;
    font-size: 15px;
}


thead[b-mop8eaowkd] {
    background-color: rgba(211, 211, 211, 0.3); 
}

th[b-mop8eaowkd], td[b-mop8eaowkd] {
    text-align: left;
    padding: 12px; 
    font-size: 15px;
    border: 1px solid rgba(211, 211, 211, 0.5); 
    border-radius: 4px; 
}


td[b-mop8eaowkd] {
    background-color: rgba(240, 248, 255, 0.3); 
}

tr:nth-child(even)[b-mop8eaowkd] {
    background-color: rgba(240, 248, 255, 0.2); 
}


.colorTd[b-mop8eaowkd] {
    background-color: rgba(240, 248, 255, 0.3); 
}

.colorTd2[b-mop8eaowkd] {
    background-color: rgba(240, 248, 255, 0.2); 
}

.amountColor[b-mop8eaowkd] {
    background-color: rgba(225, 235, 238, 0.5); 
    text-align: start;
    font-weight: bold;
    font-size: 20px;
}

.sumColor[b-mop8eaowkd] {
    background-color: rgba(185, 217, 235, 0.5); 
    text-align: end;
}


a:link[b-mop8eaowkd] {
    text-decoration: none;
}


h4[b-mop8eaowkd] {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.8); 
}

.btn[b-mop8eaowkd] {
    border-radius: 4px; 
}
.custom-warning[b-mop8eaowkd] {
    background-color: #ffc857;
    border-color: #ffc857;
    padding: 3px 8px;
}
/* _content/wwwAppEP/Shared/EPMErasmusProject.razor.rz.scp.css */
/* Ensure content fits within borders */
*[b-lf1mp4ssb0] {
    box-sizing: border-box; /* Include padding and border in element's total width and height */
}

.responsive-container[b-lf1mp4ssb0] {
    /*width: 100%;
    max-width: 800px;*/
    margin: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
}

.form-group[b-lf1mp4ssb0], .form-group-partner[b-lf1mp4ssb0] {
    display: flex;
    flex-direction: column;
    width: 100%; /* Ensure full width within container */
}
.form-group-check[b-lf1mp4ssb0] {
    display: inline;
    flex-wrap: wrap; /* Allow items to wrap if needed */
    flex-direction: row;
}

/* Existing styles */
.colorTd[b-lf1mp4ssb0], .colorDesc[b-lf1mp4ssb0], .colorShortDesc[b-lf1mp4ssb0], .colorLongDesc[b-lf1mp4ssb0] {
    padding: 6px;
    background-color: rgba(245, 245, 245, 0.6);
    border-radius: 5px;
    box-sizing: border-box; /* Ensure padding and border are included in width */
    overflow: hidden; /* Prevent content from overflowing */
}

/* Only top border for colorDesc */
.colorDesc[b-lf1mp4ssb0] {
    border-top: 1px solid rgba(211, 211, 211, 0.5); /* Only top border */
    border-left: none;
    border-right: none;
    border-bottom: none;
}

/* No border for colorShortDesc */
.colorShortDesc[b-lf1mp4ssb0] {
    border: none; /* No borders */
}

/* Only bottom border for colorLongDesc */
.colorLongDesc[b-lf1mp4ssb0] {
    border-bottom: 1px solid rgba(211, 211, 211, 0.5); /* Only bottom border */
    border-left: none;
    border-right: none;
    border-top: none;
}


span[b-lf1mp4ssb0] {
    font-weight: bold;
}

.view[b-lf1mp4ssb0] {
    font-weight: bold;
    font-size: 1rem;
    margin: 0 0 0 3px;
}

.buttons-container[b-lf1mp4ssb0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    width: 100%;
    gap: 1rem;
}

button[b-lf1mp4ssb0] {
    font-size: 16px;
    border-radius: 4px;
    margin: 0.5rem 0;
}

/* Input styling to ensure they fit within the container */
.input-select[b-lf1mp4ssb0], .input-text[b-lf1mp4ssb0] {
    width: 100%; /* Ensure full width within its container */
    box-sizing: border-box; /* Include padding and border in width */
    overflow: hidden; /* Hide overflow if necessary */
    text-overflow: ellipsis; /* Show ellipsis for overflowing text */
    white-space: nowrap; /* Prevent wrapping of text */
}

@media(max-width: 1300px) {
    .input-select[b-lf1mp4ssb0], .input-text[b-lf1mp4ssb0] {
        max-width: 100%; /* Adjust to fit within smaller screens */
    }
}

@media (max-width: 640px) {
    .input-select[b-lf1mp4ssb0], .input-text[b-lf1mp4ssb0] {
        max-width: 100%; /* Ensure full width on small screens */
    }

    .responsive-container[b-lf1mp4ssb0] {
        width: 100%; /* Ensure full width on small screens */
        max-width: none; /* Remove max-width restriction */
    }
}
/* _content/wwwAppEP/Shared/EPMErasmusProjects.razor.rz.scp.css */
/* Γενικά Στυλ */
a:link[b-11ucxebfou] {
    text-decoration: none;
}

.colorTr[b-11ucxebfou] {
    background-color: rgba(245, 245, 245, 0.8); /* Αχνό γκρι */
    text-align: center;
    vertical-align: middle;
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα */
}

.colorTr2[b-11ucxebfou] {
    background-color: rgba(240, 248, 255, 0.8); /* Αχνό γαλάζιο */
    text-align: start;
    vertical-align: middle;
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα */
}

.colorTr3[b-11ucxebfou] {
    background-color: rgba(225, 235, 238, 0.8); /* Αχνό γαλάζιο-πράσινο */
    text-align: start;
    vertical-align: middle;
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα */
}

.idAlign[b-11ucxebfou] {
    text-align: center;
    vertical-align: middle;
}

.icon[b-11ucxebfou] {
    font-size: 24px; /* Adjust this size as needed */
    margin-right: 10px; /* Add space between icons */
}

.icon-link[b-11ucxebfou] {
    text-decoration: none; /* Remove underline if necessary */
}

/* Στυλ πίνακα */
.table[b-11ucxebfou] {
    border-collapse: collapse;
    width: 100%;
}

.table-bordered[b-11ucxebfou] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τον πίνακα */
}

.table-hover tbody tr:hover[b-11ucxebfou] {
    background-color: rgba(211, 211, 211, 0.2); /* Αχνό χρώμα κατά την κύλιση του ποντικιού */
}

/* Επίσης για το select */
.form-control[b-11ucxebfou] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από το select */
    background-color: rgba(245, 245, 245, 0.5); /* Αχνό γκρι φόντο */
}
/* Remove the bottom border of the second row */
.table-container table tr:nth-child(2) td[b-11ucxebfou] {
    border-bottom: none !important;
}
/* Remove top border from the third row */
.table-container table tr:nth-child(3) td[b-11ucxebfou] {
    border-top: none !important;
}
/* _content/wwwAppEP/Shared/EPMErasmusProjectsSchedule.razor.rz.scp.css */
/* Γενικά Στυλ */
span[b-7pv4p185e6] {
    font-weight: bold;
    margin: 0px 3px 0px 0px;
}

.view[b-7pv4p185e6] {
    font-weight: bold;
    font-size: 1rem;
    margin: 0px 0px 0px 3px;
}

/* Στυλ για τις φόρμες */
.colorTd[b-7pv4p185e6] {
    padding: 8px;
    background-color: rgba(245, 245, 245, 0.8); /* Αχνό γκρι φόντο */
    border-radius: 5px;
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα */
}

/* Στυλ για την φόρμα εμφάνισης */
.buttons-container[b-7pv4p185e6] {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap; /* Prevents wrapping */
    width: 100%;
}

.buttons-edit-container[b-7pv4p185e6] {
    display: flex;
    justify-content: start;
    flex-wrap: nowrap; /* Prevents wrapping */
    width: 100%;
    gap: 10px; /* Space between buttons */
}

.left-buttons[b-7pv4p185e6] {
    display: flex;
    gap: 1rem; /* Adds space between the left buttons */
}

.right-button[b-7pv4p185e6] {
    /* No margin-left needed */
}

button[b-7pv4p185e6] {
    margin: 0.5rem 0;
}

/* Global styles */
.responsive-container[b-7pv4p185e6] {
    width: 100%;
    max-width: 800px;
    margin: auto;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τη φόρμα */
}

/* Στυλ επικεφαλίδας φόρμας */
.form-header[b-7pv4p185e6] {
    text-align: center;
    margin-bottom: 20px;
}

/* Στυλ για κάθε ομάδα φόρμας */
.form-group[b-7pv4p185e6] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-7pv4p185e6] {
        margin-bottom: 5px;
    }

/* Responsive styles */
@media screen and (max-width: 768px) {
    .form-group[b-7pv4p185e6] {
        margin-bottom: 10px;
    }

        .form-group label[b-7pv4p185e6] {
            margin-bottom: 3px;
        }

    .buttons-container[b-7pv4p185e6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem; /* Space between the button groups */
    }

    .left-buttons[b-7pv4p185e6], .right-button[b-7pv4p185e6] {
        width: 100%; /* Ensure full width on small screens */
    }

    .left-buttons[b-7pv4p185e6] {
        margin-bottom: 1rem; /* Add space between left buttons and right button */
    }
}
/* Style for the InputSelect element */
input[type="select"][b-7pv4p185e6], .form-group select[b-7pv4p185e6] {
    width: 100%; /* Make sure the select box takes up the full width of its container */
    max-width: 100%; /* Prevent it from exceeding the container width */
    box-sizing: border-box; /* Ensure padding and borders are included in the width calculation */
}

/* Ensure the container of InputSelect handles overflow */
.form-group[b-7pv4p185e6] {
    overflow: hidden; /* Hide any content that exceeds the container */
    position: relative; /* Positioning context for overflow */
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .form-group select[b-7pv4p185e6] {
        width: 100%; /* Ensure the select box is full-width on small screens */
        box-sizing: border-box; /* Ensure padding and borders are included */
    }
}
/* _content/wwwAppEP/Shared/EPMErasmusProjectsScheduleLong.razor.rz.scp.css */
.colorTd[b-vrp9tiwn5a] {
    font-weight: bold;
}
/* _content/wwwAppEP/Shared/EPMErasmusProjectsSchedules.razor.rz.scp.css */
/* Ensure proper table handling within its container */
.table-wrapper[b-4wv6wt8nah] {
    width: 100%;
    overflow-x: auto; /* Horizontal scroll for smaller screens */
}

/* General table styles */
.table[b-4wv6wt8nah] {
    width: 100%;
    min-width: 600px; /* Prevents table from shrinking too much */
    border-collapse: collapse; /* Ensures borders between cells do not double */
    margin-bottom: 1rem;
}

/* Table border styling */
.table-bordered[b-4wv6wt8nah] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Light grey border around the table */
}

/* Cell borders and padding */
.table th[b-4wv6wt8nah], .table td[b-4wv6wt8nah] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Light grey border around cells */
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}

/* Header row colors */
.colorTr[b-4wv6wt8nah] {
    background-color: rgba(232, 232, 232, 0.8); /* Light grey background for the header */
    text-align: start;
}

/* Row background colors */
.colorTr2[b-4wv6wt8nah] {
    background-color: rgba(240, 248, 255, 0.8); /* Light blue background for rows */
}

/* Icon container styling */
.icon-container[b-4wv6wt8nah] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon[b-4wv6wt8nah] {
    font-size: 20px;
    margin-right: 8px;
}

/* Center text in cells */
.idAlign[b-4wv6wt8nah] {
    text-align: center;
    vertical-align: middle;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .table[b-4wv6wt8nah] {
        font-size: 14px; /* Adjust font size for smaller screens */
    }

        .table th[b-4wv6wt8nah], .table td[b-4wv6wt8nah] {
            font-size: 12px; /* Smaller font size for smaller screens */
            padding: 3px; /* Reduce padding for smaller screens */
        }

    .icon[b-4wv6wt8nah] {
        font-size: 16px; /* Reduce icon size for smaller screens */
        margin-right: 4px;
    }

    .table h3[b-4wv6wt8nah] {
        font-size: 14px; /* Adjust font size for table heading */
    }
}

@media (max-width: 576px) {
    .table th[b-4wv6wt8nah], .table td[b-4wv6wt8nah] {
        font-size: 12px; /* Smaller font size for tiny screens */
        padding: 3px; /* Reduce padding further */
    }

    .icon[b-4wv6wt8nah] {
        font-size: 16px;
    }

    .table h3[b-4wv6wt8nah] {
        font-size: 14px;
    }
}
/* _content/wwwAppEP/Shared/EPMErasmusProjectsSchedulesTemplates.razor.rz.scp.css */
/* Γενικά Στυλ */
a:link[b-zzy4h70gb3] {
    text-decoration: none; /* Αφαίρεση υπογράμμισης από τα links */
}

/* Χρώματα και περίγραμμα πίνακα */
.table[b-zzy4h70gb3] {
    border-collapse: collapse; /* Διασφαλίζει ότι τα όρια μεταξύ των κελιών δεν θα διπλασιαστούν */
}

.table-bordered[b-zzy4h70gb3] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τον πίνακα */
}

.table th[b-zzy4h70gb3], .table td[b-zzy4h70gb3] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τα κελιά */
    padding: 8px;
}

/* Χρώματα επικεφαλίδας πίνακα */
.colorTr[b-zzy4h70gb3] {
    background-color: rgba(232, 232, 232, 0.8); /* Αχνό γκρι φόντο για την επικεφαλίδα */
    text-align: start;
    vertical-align: middle;
}

/* Χρώματα σειρών πίνακα */
td[b-zzy4h70gb3] {
    background-color: rgba(240, 248, 255, 0.8); /* Αχνό μπλε φόντο για τις σειρές */
    text-align: start;
    vertical-align: middle;
}

/* Στυλ κέντρου ταυτότητας */
.idAlign[b-zzy4h70gb3] {
    text-align: center;
    vertical-align: middle;
}

/* Στυλ εικονιδίων */
.icon[b-zzy4h70gb3] {
    font-size: 17px; /* Μικρότερο μέγεθος εικονιδίων για λιγότερη ένταση */
    margin-right: 5px; /* Μικρότερος χώρος μεταξύ των εικονιδίων */
}
/* _content/wwwAppEP/Shared/EPMErasmusProjectsScheduleTemplate.razor.rz.scp.css */
/* Στυλ γενικά για τον πίνακα */
.table[b-tb9qi3qpni] {
    border-collapse: collapse; /* Διασφαλίζει ότι τα όρια μεταξύ των κελιών δεν θα διπλασιαστούν */
}

.table-bordered[b-tb9qi3qpni] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τον πίνακα */
}

.table th[b-tb9qi3qpni], .table td[b-tb9qi3qpni] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τα κελιά */
    padding: 8px;
    background-color: rgba(240, 248, 255, 0.8); /* Αχνό μπλε φόντο για τα κελιά */
}

/* Στυλ επικεφαλίδας πίνακα */
thead th[b-tb9qi3qpni] {
    background-color: rgba(232, 232, 232, 0.8); /* Αχνό γκρι φόντο για την επικεφαλίδα */
    text-align: start;
    vertical-align: middle;
}

/* Στυλ για τα κελιά */
.colorTd[b-tb9qi3qpni] {
    font-weight: bold;
    color: #333; /* Σκούρο γκρι κείμενο για καλύτερη αναγνωσιμότητα */
}

/* Στυλ για τα κουμπιά */
.buttons-container[b-tb9qi3qpni] {
    display: flex;
    gap: 10px;
    justify-content: start;
    margin-top: 10px;
}

.btn-primary[b-tb9qi3qpni] {
    background-color: #007bff; /* Χρώμα κουμπιού Insert */
    border: 1px solid #007bff; /* Περίγραμμα κουμπιού Insert */
}

.btn-warning[b-tb9qi3qpni] {
    background-color: #ffc107; /* Χρώμα κουμπιού Modify */
    border: 1px solid #ffc107; /* Περίγραμμα κουμπιού Modify */
}

.btn-success[b-tb9qi3qpni] {
    background-color: #28a745; /* Χρώμα κουμπιού Save */
    border: 1px solid #28a745; /* Περίγραμμα κουμπιού Save */
}

.btn-outline-dark[b-tb9qi3qpni] {
    color: #343a40; /* Χρώμα κουμπιού Cancel */
    border: 1px solid #343a40; /* Περίγραμμα κουμπιού Cancel */
}

/* Στυλ responsive */
@media screen and (max-width: 768px) {
    .table th[b-tb9qi3qpni], .table td[b-tb9qi3qpni] {
        padding: 6px;
    }

    .buttons-container[b-tb9qi3qpni] {
        flex-direction: column;
    }
}
/* _content/wwwAppEP/Shared/EPMErasmusProjectsTemplates.razor.rz.scp.css */
/* Στυλ για τον πίνακα */
.table[b-2rklymb1u1] {
    border-collapse: collapse; /* Διασφαλίζει ότι τα όρια μεταξύ των κελιών δεν διπλασιάζονται */
}

.table-bordered[b-2rklymb1u1] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τον πίνακα */
}

.table th[b-2rklymb1u1], .table td[b-2rklymb1u1] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τα κελιά */
    padding: 8px;
    background-color: rgba(240, 248, 255, 0.9); /* Αχνό μπλε φόντο για τα κελιά */
}

/* Στυλ επικεφαλίδας πίνακα */
.colorTr[b-2rklymb1u1] {
    background-color: rgba(232, 232, 232, 0.9); /* Αχνό γκρι φόντο για την επικεφαλίδα */
    text-align: start;
    vertical-align: middle;
}

/* Στυλ για τα κελιά */
td[b-2rklymb1u1] {
    background-color: rgba(240, 248, 255, 0.9); /* Αχνό μπλε φόντο για τα κελιά */
    text-align: start;
    vertical-align: middle;
}

/* Στυλ για τα links */
a:link[b-2rklymb1u1] {
    text-decoration: none; /* Αφαίρεση υπογράμμισης από τα links */
}

/* Στυλ για κελιά με κεντραρισμένα εικονίδια */
.idAlign[b-2rklymb1u1] {
    text-align: center;
    vertical-align: middle;
}

/* Στυλ για το κουμπί εναλλαγής */
.toggle-button[b-2rklymb1u1] {
    background-color: rgba(0, 0, 0, 0.1); /* Ελαφρύ μαύρο φόντο για το κουμπί */
    border: none;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
}

    .toggle-button:hover[b-2rklymb1u1] {
        background-color: rgba(0, 0, 0, 0.2); /* Σκηνή σκουρότερη κατά το hover */
    }

/* Στυλ για το container του πίνακα */
.table-container[b-2rklymb1u1] {
    margin: 20px 0; /* Απόσταση γύρω από τον πίνακα */
}

/* Στυλ για την γραμμή της αλλαγής ορατότητας */
.row[b-2rklymb1u1] {
    margin: 0 auto;
}
/* _content/wwwAppEP/Shared/EPMErasmusProjectTemplate.razor.rz.scp.css */
/* Στυλ για τον πίνακα */
.table[b-mzulcl3d66] {
    border-collapse: collapse; /* Αποφυγή διπλών περιγραμμάτων μεταξύ των κελιών */
    width: 100%;
    margin: auto; /* Κεντράρισμα του πίνακα */
}

.table-container[b-mzulcl3d66] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από το container του πίνακα */
    border-radius: 5px; /* Στρογγυλεμένες γωνίες */
    padding: 15px; /* Εσωτερικό περιθώριο */
    background-color: rgba(255, 255, 255, 0.9); /* Ελαφρύ λευκό φόντο */
}

.table th[b-mzulcl3d66], .table td[b-mzulcl3d66] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τα κελιά */
    padding: 8px;
    background-color: rgba(240, 248, 255, 0.9); /* Αχνό μπλε φόντο για τα κελιά */
}

/* Στυλ για την επικεφαλίδα του πίνακα */
.header-row[b-mzulcl3d66] {
    background-color: rgba(232, 232, 232, 0.9); /* Αχνό γκρι φόντο για την επικεφαλίδα */
    text-align: start;
    vertical-align: middle;
}

/* Στυλ για τα κελιά με κεντραρισμένα δεδομένα */
.colorTd[b-mzulcl3d66] {
    font-weight: bold;
}

/* Στυλ για τα κουμπιά */
.btn[b-mzulcl3d66] {
    border-radius: 4px; /* Στρογγυλεμένες γωνίες */
    padding: 8px 12px; /* Εσωτερικό περιθώριο */
}

.btn-primary[b-mzulcl3d66] {
    background-color: rgba(0, 123, 255, 0.7); /* Αχνό μπλε φόντο */
    border: 1px solid rgba(0, 123, 255, 0.5); /* Αχνό μπλε περίγραμμα */
}

    .btn-primary:hover[b-mzulcl3d66] {
        background-color: rgba(0, 123, 255, 0.9); /* Σκηνή μπλε κατά το hover */
    }

.btn-warning[b-mzulcl3d66] {
    background-color: rgba(255, 193, 7, 0.7); /* Αχνό κίτρινο φόντο */
    border: 1px solid rgba(255, 193, 7, 0.5); /* Αχνό κίτρινο περίγραμμα */
}

    .btn-warning:hover[b-mzulcl3d66] {
        background-color: rgba(255, 193, 7, 0.9); /* Σκηνή κίτρινο κατά το hover */
    }

.btn-success[b-mzulcl3d66] {
    background-color: rgba(40, 167, 69, 0.7); /* Αχνό πράσινο φόντο */
    border: 1px solid rgba(40, 167, 69, 0.5); /* Αχνό πράσινο περίγραμμα */
}

    .btn-success:hover[b-mzulcl3d66] {
        background-color: rgba(40, 167, 69, 0.9); /* Σκηνή πράσινο κατά το hover */
    }

.btn-outline-dark[b-mzulcl3d66] {
    border: 1px solid rgba(108, 117, 125, 0.5); /* Αχνό σκοτεινό περίγραμμα */
    color: rgba(108, 117, 125, 0.7); /* Αχνό σκοτεινό κείμενο */
}

    .btn-outline-dark:hover[b-mzulcl3d66] {
        border-color: rgba(108, 117, 125, 0.9); /* Σκηνή σκοτεινό περίγραμμα κατά το hover */
        color: rgba(108, 117, 125, 0.9); /* Σκηνή σκοτεινό κείμενο κατά το hover */
    }
/* _content/wwwAppEP/Shared/EPMLearningOutcome.razor.rz.scp.css */
/* ���� ��� �� container ��� ������ */
.box-container[b-qvmhacep1s] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* ���� ���� ���������� ���� ��� �� container */
    border-radius: 5px; /* �������������� ������ */
    padding: 15px; /* ��������� ��������� */
    background-color: rgba(255, 255, 255, 0.9); /* ������ ����� ����� */
    margin-bottom: 1rem; /* �������� ��� �� ���� ����� */
}

/* ���� ��� ��� ������ ����������� */
.info-table[b-qvmhacep1s] {
    border-collapse: collapse; /* ������� ������ ������������� ������ ��� ������ */
    width: 100%;
}

    .info-table td[b-qvmhacep1s] {
        border: 1px solid rgba(211, 211, 211, 0.5); /* ���� ���� ���������� ���� ��� �� ����� */
        padding: 8px;
        background-color: rgba(240, 248, 255, 0.9); /* ���� ���� ����� ��� �� ����� */
    }

/* ���� ��� ��� ������ ������������ */
.edit-table[b-qvmhacep1s] {
    border-collapse: collapse; /* ������� ������ ������������� ������ ��� ������ */
    width: 100%;
}

    .edit-table td[b-qvmhacep1s] {
        border: 1px solid rgba(211, 211, 211, 0.5); /* ���� ���� ���������� ���� ��� �� ����� */
        padding: 8px;
        background-color: rgba(240, 248, 255, 0.9); /* ���� ���� ����� ��� �� ����� */
    }

/* ���� ��� ��� ������ ����������� */
.specializations-table[b-qvmhacep1s] {
    border-collapse: collapse; /* ������� ������ ������������� ������ ��� ������ */
    width: 100%;
}

    .specializations-table td[b-qvmhacep1s] {
        border: 1px solid rgba(211, 211, 211, 0.5); /* ���� ���� ���������� ���� ��� �� ����� */
        padding: 8px;
        background-color: rgba(240, 248, 255, 0.9); /* ���� ���� ����� ��� �� ����� */
    }

/* ���� ��� �� ������� */
.btn[b-qvmhacep1s] {
    border-radius: 4px; /* �������������� ������ */
    padding: 8px 12px; /* ��������� ��������� */
}

.btn-primary[b-qvmhacep1s] {
    background-color: rgba(0, 123, 255, 0.7); /* ���� ���� ����� */
    border: 1px solid rgba(0, 123, 255, 0.5); /* ���� ���� ���������� */
}

    .btn-primary:hover[b-qvmhacep1s] {
        background-color: rgba(0, 123, 255, 0.9); /* ����� ���� ���� �� hover */
    }

.btn-warning[b-qvmhacep1s] {
    background-color: rgba(255, 193, 7, 0.7); /* ���� ������� ����� */
    border: 1px solid rgba(255, 193, 7, 0.5); /* ���� ������� ���������� */
}

    .btn-warning:hover[b-qvmhacep1s] {
        background-color: rgba(255, 193, 7, 0.9); /* ����� ������� ���� �� hover */
    }

.btn-success[b-qvmhacep1s] {
    background-color: rgba(40, 167, 69, 0.7); /* ���� ������� ����� */
    border: 1px solid rgba(40, 167, 69, 0.5); /* ���� ������� ���������� */
}

    .btn-success:hover[b-qvmhacep1s] {
        background-color: rgba(40, 167, 69, 0.9); /* ����� ������� ���� �� hover */
    }

.btn-outline-dark[b-qvmhacep1s] {
    border: 1px solid rgba(108, 117, 125, 0.5); /* ���� �������� ���������� */
    color: rgba(108, 117, 125, 0.7); /* ���� �������� ������� */
}

    .btn-outline-dark:hover[b-qvmhacep1s] {
        border-color: rgba(108, 117, 125, 0.9); /* ����� �������� ���������� ���� �� hover */
        color: rgba(108, 117, 125, 0.9); /* ����� �������� ������� ���� �� hover */
    }

/* ���� ��� �� ������� �� ������� */
.text-wrap[b-qvmhacep1s] {
    white-space: normal;
    overflow-wrap: break-word; /* For newer browsers */
    word-wrap: break-word; /* For older browsers */
}
/* _content/wwwAppEP/Shared/ErasmusPlusRoles.razor.rz.scp.css */
.custom-table[b-73r2lkajnv] {
    border-radius: 10px; /* Curved borders */
    background-color: #f8f9fa; /* Light grey background color */
    border: 1px solid #dee2e6; /* Border around the table */
    width: 100%; /* Ensure full width */
    overflow-x: auto; /* Allow horizontal scrolling */
    margin-bottom:10px;
}

table[b-73r2lkajnv] {
    width: 100%;
    border-collapse: collapse; /* Collapse borders to prevent double borders */
    border-spacing: 0; /* Remove spacing between cells */
}

th[b-73r2lkajnv], td[b-73r2lkajnv] {
    padding: 8px; /* Padding for cells */
    border: 1px solid #dee2e6; /* Border around each cell */
    text-align: left; /* Align text to the left */
}

.custom-table tr:last-child td[b-73r2lkajnv] {
    border-bottom: 0; /* Optional: Remove bottom border for the last row */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-table[b-73r2lkajnv] {

        overflow-x: auto; /* Allow horizontal scrolling */
    }

    table[b-73r2lkajnv] {
        width: 100%;
        border-collapse: collapse; /* Ensure borders are collapsed */
    }

    thead[b-73r2lkajnv] {
        display: table-header-group; /* Ensure table headers are visible */
    }

    tbody[b-73r2lkajnv], tbody tr[b-73r2lkajnv] {
        /* Make rows block-level for stacking */
        width: 100%;
        box-sizing: border-box;
    }

        tbody td[b-73r2lkajnv] {
            display: table-cell; /* Ensure td behaves like a table cell */
            width: auto; /* Allow cells to take their natural width */
            box-sizing: border-box;
        }
}
/* _content/wwwAppEP/Shared/ErasmusPlusUser.razor.rz.scp.css */
.custom-table[b-punc4z8vvi] {
    border-radius: 10px; /* Curved borders */
    background-color: #f8f9fa; /* Light grey background color */
    border: 1px solid #dee2e6; /* Border around the table */
    padding: 12px; /* Padding inside the container */
    width: 70%; /* Full width for better responsiveness */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Light shadow for card effect */
    margin-bottom: 20px; /* Space between tables */
}

.table-header[b-punc4z8vvi] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 0;
    margin-top:10px;
}
h3[b-punc4z8vvi]{
    justify-content:start;
}
    .table-header h3[b-punc4z8vvi] {
        margin: 0;
    }

.table-row[b-punc4z8vvi] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #dee2e6;
}

    .table-row:last-child[b-punc4z8vvi] {
        border-bottom: none;
    }

.table-cell[b-punc4z8vvi] {
    flex: 1;
    padding: 8px;
    word-wrap: break-word;
}

/* Button styling */
.btn-success[b-punc4z8vvi], .btn-warning[b-punc4z8vvi] {
    margin-left: 8px;
}

.btn-primary[b-punc4z8vvi] {
    background-color: #007bff;
    border-color: #007bff;
    opacity: 1;
}

    .btn-primary:hover[b-punc4z8vvi], .btn-primary:focus[b-punc4z8vvi] {
        opacity: 0.9;
    }

.btn-danger[b-punc4z8vvi] {
    background-color: red;
    border-color: red;
    opacity: 1;
    color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-table[b-punc4z8vvi] {
        border-radius: 10px; /* Curved borders */
        background-color: #f8f9fa; /* Light grey background color */
        border: 1px solid #dee2e6; /* Border around the table */
        padding: 12px; /* Padding inside the container */
        width: 100%; /* Full width for better responsiveness */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Light shadow for card effect */
        margin-bottom: 20px; /* Space between tables */
    }
    .table-row[b-punc4z8vvi] {
        flex-direction: column;
        align-items: flex-start;
    }

    .table-cell[b-punc4z8vvi] {
        width: 100%;
        padding: 8px 0;
    }

    .table-header[b-punc4z8vvi] {
        flex-direction: column;
        align-items: flex-start;
    }

        .table-header button[b-punc4z8vvi] {
            width: 100%;
            margin-top: 10px;
        }
}
/* _content/wwwAppEP/Shared/ErasmusPlusUsers.razor.rz.scp.css */
.custom-table[b-twdcy57l2d] {
    border-radius: 10px; /* Curved borders */
    background-color: #f8f9fa; /* Light grey background color */
    border: 1px solid #dee2e6; /* Border around the table */
    width: 100%; /* Ensure full width */
    overflow-x: auto; /* Allow horizontal scrolling */
    margin-top: 10px;
}

table[b-twdcy57l2d] {
    width: 100%;
    border-collapse: collapse; /* Collapse borders to prevent double borders */
    border-spacing: 0; /* Remove spacing between cells */
}

th[b-twdcy57l2d], td[b-twdcy57l2d] {
    padding: 8px; /* Padding for cells */
    border: 1px solid #dee2e6; /* Border around each cell */
    text-align: left; /* Align text to the left */
}

/* Optional: Style for last td to prevent extra border issues */
.custom-table tr:last-child td[b-twdcy57l2d] {
    border-bottom: 0; /* Remove bottom border for the last row if needed */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-table[b-twdcy57l2d] {
        display: block; /* Make the table block-level for better control */
        overflow-x: auto; /* Allow horizontal scrolling */
    }

    table[b-twdcy57l2d] {
        width: 100%;
        border-collapse: collapse; /* Ensure borders are collapsed */
    }

    thead[b-twdcy57l2d] {
        display: table-header-group; /* Ensure table headers are visible */
    }

    tbody[b-twdcy57l2d], tbody tr[b-twdcy57l2d] {
        /* Make rows block-level for stacking */
        width: 100%;
        box-sizing: border-box;
    }

        tbody td[b-twdcy57l2d] {
            display: table-cell; /* Ensure td behaves like a table cell */
            width: auto; /* Allow cells to take their natural width */
            box-sizing: border-box;
        }
}
/* _content/wwwAppEP/Shared/FieldsProposal.razor.rz.scp.css */
.field-container[b-b5e82vtuoq] {
    margin-bottom: 1rem;
}

.field-title-actions[b-b5e82vtuoq] {
/*    display: flex;
    justify-content: space-between;*/
    background-color: #e6f7ff; /* Light blue background */
    padding: 10px;
    border-radius: 5px;
}

.field-description-container[b-b5e82vtuoq] {
    background-color: #f0f0f0; /* Light grey background */
    padding: 10px;
    margin-bottom: 1rem;
    border-radius: 5px;
}
span[b-b5e82vtuoq] {
    font-size: 1.2rem;
}
.checkbox-container[b-b5e82vtuoq] {
    background-color: #f0f8ff;
    padding: 10px;
    margin-top: 4px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    margin-bottom:8px;
}
/*.fico {
    padding: 1.2rem 0;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    background-color: ghostwhite;
    margin-bottom: 1.6rem;
    height: 12vh;*/ /* Make sure it's auto so it adjusts based on content */
    /*max-height: auto;*/ /* Limit maximum height if necessary */
    /*overflow-y: auto;*/ /* Add scroll if content exceeds height */
/*}*/
    .checkbox-container input[type="checkbox"][b-b5e82vtuoq] {
        margin-right: 8px;
    }

    .checkbox-container label[b-b5e82vtuoq] {
        font-weight: bold;
        color: #333;
    }
.edits[b-b5e82vtuoq] {
    font-size: 0.9rem;
}
.form-container[b-b5e82vtuoq] {
    display: flex;
    flex-direction: column;
    margin: 0 auto; /* Centers the form */
    padding: 1.1rem;
    background-color: #f8f9fa; /* Light background to mimic form style */
    border-radius: 8px;
}

.form-group[b-b5e82vtuoq] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
}

.form-group-title-actions[b-b5e82vtuoq] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #e6f7ff; /* Light blue background for the title and actions */
    padding: 0.5rem;
    border-radius: 8px;
}

.form-group-title[b-b5e82vtuoq] {
    flex: 1;
    font-weight: bold;
}

.form-group-actions[b-b5e82vtuoq] {
    display: flex;
    gap: 0.5rem; /* Adds space between action buttons */
}

.form-group-description[b-b5e82vtuoq] {
    background-color: #f0f0f0; /* Light grey background for the description */
    padding: 0.5rem;
    border-radius: 8px;
}

.form-input[b-b5e82vtuoq], .form-textarea[b-b5e82vtuoq] {
    padding: 0.5rem;
    border-radius: 4px;
    font-size: 1rem;
}

.form-input[b-b5e82vtuoq] {
    width: 100%;
}


.form-actions[b-b5e82vtuoq] {
    margin-top: 2.3rem; /* Add more spacing between the editor and buttons */
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
}

    .form-actions button[b-b5e82vtuoq] {
        padding: 0.5rem 1rem;
        font-size: 1rem;
        border-radius: 4px;
    }
button.btn-primary[b-b5e82vtuoq] {
    background-color: cornflowerblue;
}
/* _content/wwwAppEP/Shared/ListMeetings.razor.rz.scp.css */
/* Reduce row height further */
.meeting-table td[b-yb37lwwqls], .meeting-table th[b-yb37lwwqls] {
    padding: 4px 8px; /* Less padding for smaller row height */
    line-height: 1.2; /* Reduce line height */
}

/* Ensure status text is highlighted, not underlined */
.meeting-status[b-yb37lwwqls] {
    font-weight: bold;
    padding: 2px 5px;
    display: inline-block;
    border-bottom: none; /* Remove underline effect */
}

/* Adjust status colors */
.meeting-status-created[b-yb37lwwqls] {
    color: #6c757d; /* Grey */
}

.meeting-status-scheduled[b-yb37lwwqls] {
    color: #28a745; /* Green */
}

.meeting-status-invited[b-yb37lwwqls] {
    color: #ffc107; /* Yellow */
}

.meeting-status-cancelled[b-yb37lwwqls] {
    color: #dc3545; /* Red */
}
/* _content/wwwAppEP/Shared/LoginDisplay.razor.rz.scp.css */
/* Flex container for the entire row */
.auth-logo[b-pcftmhpmyt]{
    width:5vh;
}
.logo-intro[b-pcftmhpmyt] {
    width:10%
}
.auth-row[b-pcftmhpmyt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;  /*Ensures wrapping on smaller screens */
}
.hubasset[b-pcftmhpmyt] {
    flex-flow:nowrap;
}
/* Left side for image and language selector */
.auth-item-left[b-pcftmhpmyt] {
    position: relative; /* Make this container relative for absolute positioning */
    align-items: center;
    justify-content: flex-start !important;
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    margin-right: 3px;
}
.auth-item-right[b-pcftmhpmyt] {
    align-items: center;
    justify-content: flex-end !important;
    display: flex;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    margin-right: 5px;
}
/* Button styling */
.auth-btn[b-pcftmhpmyt] {
    width: auto;
    margin: 2px;
    flex-wrap:nowrap;
    --blazor-btn-bg: #9b8926;
    --blazor-btn-color: white;
    --blazor-btn-hover-bg: #AbA926;
    --blazor-btn-hover-color: white;
    --blazor-btn-active-bg: #9b8926;
    --blazor-btn-active-color: white;
    --blazor-btn-border-color: #7b7926;
    --blazor-btn-hover-border-color: #7b7926;
    --blazor-btn-active-border-color: #7b7926;
}
/* Logout form styling */
.auth-logout-form[b-pcftmhpmyt] {
    display: flex;
    align-items: center;
    gap: 10px; /* Adds space between the manage button and logout */
}
/* Responsive adjustments for smaller screens */
@media (max-width: 892px) {
    .logo-intro[b-pcftmhpmyt] {
        width: 50%; /* Ensure it's visible */
    }
    .auth-row[b-pcftmhpmyt] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .auth-item-left[b-pcftmhpmyt], .auth-item-right[b-pcftmhpmyt] {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .auth-btn[b-pcftmhpmyt], .btn-danger[b-pcftmhpmyt], .btn-info[b-pcftmhpmyt] {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media (min-width: 576px) {

    .auth-row[b-pcftmhpmyt] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        flex-wrap: wrap; /* Ensures wrapping on smaller screens */
        
    }
    .auth-item-left[b-pcftmhpmyt] {
        align-items: center;
        gap: 10px;
    }
    .btn[b-pcftmhpmyt] {
         /* Make buttons full-width for better usability */
        text-align: center;
    }
}
@media (max-width: 640.98px) {
    .logo-intro[b-pcftmhpmyt] {
        width: 50%; /* Ensure it's visible */
    }
    .auth-btn[b-pcftmhpmyt], .btn-danger[b-pcftmhpmyt], .btn-info[b-pcftmhpmyt] {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .auth-item-left[b-pcftmhpmyt], .auth-item-right[b-pcftmhpmyt] {
        flex-wrap: wrap;
    }
}
/* _content/wwwAppEP/Shared/MainLayout.razor.rz.scp.css */
.page[b-7znpqgj7se] {
    position: relative;
    display: flex;
    flex-direction: column;
}
main[b-7znpqgj7se] {
    position: relative;
    z-index: 5;
    flex: 1;
}
.sidebar[b-7znpqgj7se] {
/*    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
}
.top-row[b-7znpqgj7se] {
    /*background-color: #fffdf2;*/
    border-bottom: 1px solid #d6d5d5;
    height: auto; /* Allow content to determine height */
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* Prevent overlap */
    padding: 10px; /* Add some padding */
    z-index: 10; /* Ensure it's above other elements */
}
.top-row.auth[b-7znpqgj7se] {
    justify-content: space-between;
}
.top-row[b-7znpqgj7se]  a, .top-row .btn-link[b-7znpqgj7se] {
    white-space: nowrap;
        
}
.top-row a:first-child[b-7znpqgj7se] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-7znpqgj7se] {
        display: none;
    }

    .top-row.auth[b-7znpqgj7se] {
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
        height: auto; Prevents overlap 
    }
    .top-row a[b-7znpqgj7se], .top-row .btn-link[b-7znpqgj7se] {
        margin-left:0;
    }
    .auth-row[b-7znpqgj7se] {
        flex-direction: column;
        align-items: center;
    }

    .auth-item-left[b-7znpqgj7se], .auth-item-right[b-7znpqgj7se] {
        flex-direction: column;
        width: 100%;
        text-align: center;
    }

    .auth-logo[b-7znpqgj7se] {
        width: 30px; /* Ensure it's visible */
    }
}
@media (min-width: 641px) {
    .page[b-7znpqgj7se] {
        flex-direction: row;
    }

    .sidebar[b-7znpqgj7se] {
        width: 250px;
        height: auto;
        position: sticky;
        top: 0;
    }

    .top-row[b-7znpqgj7se] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-7znpqgj7se], article[b-7znpqgj7se] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
/* _content/wwwAppEP/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-zn3p0kl0m5] {
    background-color: rgba(0,0,0, 0.7);
}

.top-row[b-zn3p0kl0m5] {
    height: 12rem;
    background-color: rgba(255,255,255,0.4);
}

.navbar-brand[b-zn3p0kl0m5] {
    font-size: 1.1rem;
    font-weight:bolder;
}
.navbar-brand-host[b-zn3p0kl0m5] {
    font-size: 0.8rem;
    color: #083e6c;
}
.oi[b-zn3p0kl0m5] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-zn3p0kl0m5] {
    font-size: 0.9rem;
    padding-bottom: 0.1rem;
}

    .nav-item:first-of-type[b-zn3p0kl0m5] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-zn3p0kl0m5] {
        padding-bottom: 1rem;
    }

    .nav-item[b-zn3p0kl0m5]  a {
        color: black;
        border-radius: 4px;
        height: 2.5rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-zn3p0kl0m5]  a.active {
            background-color: rgba(255,100,0,0.1);
            color: black;
            font-weight: bolder;
        }

        .nav-item[b-zn3p0kl0m5]  a:hover {
            background-color: rgba(255,100,0,0.2);
            color: rgba(255,100,0,1);
            font-weight:bolder;
        }

@media (min-width: 641px) {
    .navbar-toggler[b-zn3p0kl0m5] {
        display: none;
    }

    .collapse[b-zn3p0kl0m5] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-zn3p0kl0m5] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/wwwAppEP/Shared/Objectives.razor.rz.scp.css */
.objective-item[b-t23ww7pdwe] {
    background-color: #f0f8ff; /* Light blue background */
    padding: 7px;
/*    border: 1px solid #ccc;*/
    margin-bottom: 5px;
    border-radius: 5px;
}

/* Header: Objective Title, Is Primary, Actions */
.objective-item-header[b-t23ww7pdwe] {
   /* display: flex;*/
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    background-color: #e6e6e6; /* Light grey background for the header */
    border-bottom: 1px solid #d3d3d3; /* Separating border */
}

    .objective-item-header div[b-t23ww7pdwe] {
        flex: 1;
    }
span[b-t23ww7pdwe]{
    font-size:1.2rem;
}
/* Body: Explanation and Objective Measuring Success sections */
.objective-item-body[b-t23ww7pdwe] {
    padding: 2px 0;
    border-top: 1px solid #d3d3d3; /* Single border separating the header and body */
}
/*.expl, .oms {
    padding: 1.2rem 0;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    background-color: ghostwhite;
    margin-bottom: 1.6rem;
    height: 16vh;*/ /* Make sure it's auto so it adjusts based on content */
    /*max-height: auto;*/ /* Limit maximum height if necessary */
    /*overflow-y: auto;*/ /* Add scroll if content exceeds height */
/*}*/

/* Explanation section */
.explanation-section[b-t23ww7pdwe] {
    background-color: #f5efe8;
    padding: 10px;
    border-bottom: 1px solid #ccc; /* Border separating Explanation from Measuring Success */
}

/* Objective Measuring Success section */
.measuring-success-section[b-t23ww7pdwe] {
    background-color: #f8f9fa; /* Light blue background for Measuring Success */
    padding: 7px;
}

.edits[b-t23ww7pdwe]{
    font-size:0.9rem;
}

.form-container[b-t23ww7pdwe] {
    display: flex;
    flex-direction: column;
/*    max-width: 600px;*/
    margin: 0 auto; /* Centers the form */
    padding: 1.1rem;
    background-color: #f8f9fa; /* Light background to mimic form style */
    border-radius: 8px;
/*    border: 1px solid #d3d3d3;*/
}

.form-container .item1[b-t23ww7pdwe] {
    width: 40%; 
    margin-right: 1rem; /* Adds spacing between label and input */
    font-weight: bold;
}
    .form-container .item2[b-t23ww7pdwe]{
        width: 100%; 
        margin-right: 1rem; /* Adds spacing between label and input */
        font-weight: bold;
    }
    .form-container .item3[b-t23ww7pdwe] {
        width: 100%; 
        margin-right: 1rem; /* Adds spacing between label and input */
        font-weight: bold;
    }
    .form-container .item4[b-t23ww7pdwe] {
        width: 100%; 
        margin-right: 1rem; /* Adds spacing between label and input */
        font-weight: bold;
    }
    .form-container .item5[b-t23ww7pdwe] {
        width: 100%; 
        margin-right: 1rem; /* Adds spacing between label and input */
        font-weight: bold;
    }
.form-group[b-t23ww7pdwe] {
/*    margin-top:2.9rem;*/
    display: flex;
    flex-direction: column;
    margin-bottom: 1.2rem;
}

    .form-group
    .form-group label[b-t23ww7pdwe] {
        font-weight: bold;
        margin-right: 0.5rem;
        flex-basis: 30%;
    }

.form-input[b-t23ww7pdwe], .form-textarea[b-t23ww7pdwe], .form-input-checkbox[b-t23ww7pdwe] {
    padding: 0.5rem;
    border-radius: 4px;
/*    border: 1px solid #ccc;*/
    font-size: 1rem;
}

.form-input[b-t23ww7pdwe] {
    width: 5rem;
    height: 2.5rem;
}

.form-textarea[b-t23ww7pdwe] {
    width: 100%;
    min-height: 5px;
    resize: vertical; /* Allows user to adjust textarea size */
}

.form-actions[b-t23ww7pdwe] {
    margin-top: 3.4rem;
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
}

    .form-actions button[b-t23ww7pdwe] {
        padding: 0.5rem 1rem;
        font-size: 1rem;
        border-radius: 4px;
    }
button.btn-primary[b-t23ww7pdwe]{
    background-color:cornflowerblue;
}
button.btn-secondary[b-t23ww7pdwe] {
    background-color: #f29467; /* Neutral color for cancel button */
    color: black;
}
.checkbox-container[b-t23ww7pdwe] {
    background-color: #f0f8ff; /* Light blue background */
    padding: 10px;
    margin-top: 4px;
    font-size: 1rem;
    border: 1px solid #ccc; /* Light gray border */
    border-radius: 5px;
    display: inline-block; /* Keep it compact */
    font-family: Arial, sans-serif; /* Use a clean font */
    font-size: 14px; /* Adjust the text size */
    cursor: pointer;
    margin-bottom: 8px;
}

    .checkbox-container input[type="checkbox"][b-t23ww7pdwe] {
        margin-right: 8px; /* Space between checkbox and label */
    }

    .checkbox-container label[b-t23ww7pdwe] {
        font-weight: bold; /* Bold the label for emphasis */
        color: #333; /* Darker text for better readability */
    }
/* _content/wwwAppEP/Shared/ParticipantMatching.razor.rz.scp.css */
.custom-table[b-g3am9b3hrr] {
    border-radius: 10px; /* Curved borders */
    background-color: #f8f9fa; /* Light grey background color */
    border: 1px solid #dee2e6; /* Border around the table */
    border-collapse: collapse; /* Collapse borders to prevent double borders */
    width: 100%; /* Make sure the table takes full width */
    table-layout: auto; /* Let cells size based on content */
}

    /* General table styles */
    .custom-table th[b-g3am9b3hrr], .custom-table td[b-g3am9b3hrr] {
        padding: 8px; /* Padding for cells */
        border: 1px solid #dee2e6; /* Border around each cell */
        overflow: hidden; /* Hide overflowed content */
        text-overflow: ellipsis; /* Show ellipsis for overflowed text */
        max-width: 200px; /* Limit the maximum width of cells */
    }

    .custom-table td[b-g3am9b3hrr] {
        text-align: left; /* Align text to the left */
    }

    /* Optional: Style for last td to prevent extra border issues */
    .custom-table tr:last-child td[b-g3am9b3hrr] {
        border-bottom: 0; /* Remove bottom border for the last row if needed */
    }

/* Button styling */
.btn-primary[b-g3am9b3hrr] {
    background-color: #007bff; /* Bootstrap primary color */
    border-color: #007bff; /* Ensure border color matches */
    opacity: 1; /* Ensure full opacity */
    padding: 10px 20px; /* Padding for buttons */
    border-radius: 5px; /* Curved borders */
    cursor: pointer; /* Pointer cursor on hover */
}

    .btn-primary:hover[b-g3am9b3hrr],
    .btn-primary:focus[b-g3am9b3hrr] {
        opacity: 0.9; /* Slightly transparent on hover/focus */
    }

.btn-danger[b-g3am9b3hrr] {
    background-color: red;
    border-color: red;
    color: white;
    padding: 10px 20px; /* Padding for buttons */
    border-radius: 5px; /* Curved borders */
    cursor: pointer; /* Pointer cursor on hover */
}

/* Table layout and spacing */
table[b-g3am9b3hrr] {
    border-spacing: 0; /* Remove spacing between cells */
}

th[b-g3am9b3hrr], td[b-g3am9b3hrr] {
    border-collapse: collapse;
}

/* Responsive adjustments for 892px to 640px */
@media (min-width: 892px) /*and (min-width: 640px)*/ {
    .custom-table[b-g3am9b3hrr] {
        table-layout: fixed; /* Ensure table layout is fixed */
    }

        .custom-table th[b-g3am9b3hrr], .custom-table td[b-g3am9b3hrr] {
            max-width: 150px; /* Reduce max-width of cells */
            word-break: break-word; /* Break long words to fit */
        }
}
/* _content/wwwAppEP/Shared/ProjectParticipant.razor.rz.scp.css */
a:link[b-b300qhzc06] {
    text-decoration: none;
}

/* Στυλ για τις επικεφαλίδες του πίνακα */
.colorTr[b-b300qhzc06] {
    background-color: rgba(232, 232, 232, 0.7); /* Αχνό γκρι φόντο */
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα κάτω */
}

/* Στυλ για την ευθυγράμμιση των κελιών */
.idAlign[b-b300qhzc06] {
    text-align: center;
    vertical-align: middle;
}

/* Στυλ για τα κελιά του πίνακα */
td[b-b300qhzc06], th[b-b300qhzc06] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
    padding: 0.75rem; /* Εσωτερικό περιθώριο */
    background-color: rgba(255, 255, 255, 0.8); /* Αχνό λευκό φόντο */
}

/* Στυλ για τα κελιά του πίνακα με πιο αχνό φόντο */
.colorTd[b-b300qhzc06] {
    background-color: rgba(240, 248, 255, 0.5); /* Αχνό λευκό-γαλάζιο φόντο */
}

/* Στυλ για την απαλότητα του πίνακα */
.table[b-b300qhzc06] {
    border-collapse: collapse; /* Συγχώνευση περιγραμμάτων */
}

/* Στυλ για το περίγραμμα του πίνακα */
.table-bordered[b-b300qhzc06] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
}

/* Στυλ για την απαλότητα των στοιχείων του πίνακα όταν πηγαίνετε το ποντίκι πάνω τους */
.table-hover tbody tr:hover[b-b300qhzc06] {
    background-color: rgba(0, 0, 0, 0.05); /* Πολύ αχνό γκρι χρώμα φόντου κατά τη διάρκεια του hover */
}

/* Στυλ για τα κουμπιά του πίνακα */
.btn-toolbar .btn[b-b300qhzc06] {
    margin: 0.2rem; /* Εσωτερικό περιθώριο για κουμπιά */
}

/* Στυλ για το πλαίσιο του πίνακα στην εμφάνιση των στοιχείων */
.border[b-b300qhzc06] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
    border-radius: 0.25rem; /* Ελαφρώς στρογγυλεμένες γωνίες */
    padding: 1rem; /* Εσωτερικό περιθώριο */
}

/* Στυλ για το σώμα της φόρμας */
.EditForm[b-b300qhzc06] {
    margin-bottom: 1rem; /* Εσωτερικό περιθώριο κάτω */
}
/* Ensure content stays within the border and doesn't overflow */
.border[b-b300qhzc06] {
    border: 1px solid rgba(200, 200, 200, 0.5);
    border-radius: 0.25rem;
    padding: 1rem;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow-x: auto; /* Allow horizontal scrolling if needed */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .border[b-b300qhzc06] {
        padding: 0.5rem;
        font-size: 0.9rem; /* Adjust font size for smaller screens */
    }

    /* Ensure form elements fit within the border */
    input[b-b300qhzc06], select[b-b300qhzc06], button[b-b300qhzc06] {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Adjust margins for buttons */
    .btn[b-b300qhzc06] {
        margin: 0.2rem 0;
    }
}
/* _content/wwwAppEP/Shared/ProjectParticipants.razor.rz.scp.css */
/* Στυλ για το σώμα της σελίδας */
body[b-16v62mv760] {
    font-family: Arial, sans-serif; /* Εφαρμόστε τη γραμματοσειρά που προτιμάτε */
}

/* Στυλ για τα links χωρίς υπογραμμίσεις */
a:link[b-16v62mv760] {
    text-decoration: none;
}

/* Στυλ για την επικεφαλίδα του πίνακα */
.colorTr[b-16v62mv760] {
    background-color: rgba(232, 232, 232, 0.7); /* Αχνό γκρι φόντο */
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα κάτω */
}
.custom-border[b-16v62mv760] {
    border: 1px solid rgba(173, 216, 230, 0.5);
    border-radius: 0.25rem; /* Ελαφρώς στρογγυλεμένες γωνίες αν επιθυμείτε */
    padding: 1rem; /* Εσωτερικό περιθώριο για καλύτερη εμφάνιση */
    background-color: rgba(255, 255, 255, 0.8); /* Αχνό λευκό φόντο */
}

/* Στυλ για τα κελιά του πίνακα */
td[b-16v62mv760], th[b-16v62mv760] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
    padding: 0.75rem; /* Εσωτερικό περιθώριο */
    background-color: rgba(255, 255, 255, 0.8); /* Αχνό λευκό φόντο */
}

/* Στυλ για το χρώμα του πίνακα */
.table[b-16v62mv760] {
    border-collapse: collapse; /* Συγχώνευση περιγραμμάτων */
    width: 100%; /* Πλήρες πλάτος */
}

/* Στυλ για το περίγραμμα του πίνακα */
.table-bordered[b-16v62mv760] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
}

/* Στυλ για την απαλότητα του πίνακα */
.table-hover tbody tr:hover[b-16v62mv760] {
    background-color: rgba(0, 0, 0, 0.05); /* Πολύ αχνό γκρι χρώμα φόντου κατά τη διάρκεια του hover */
}

/* Στυλ για την περιοχή που περιβάλλει τον πίνακα */
.border[b-16v62mv760] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Αχνό γκρι περίγραμμα */
    border-radius: 0.25rem; /* Ελαφρώς στρογγυλεμένες γωνίες */
    padding: 1rem; /* Εσωτερικό περιθώριο */
    background-color: rgba(255, 255, 255, 0.8); /* Αχνό λευκό φόντο */
}

/* Στυλ για τα κουμπιά και την ετικέτα του πίνακα */
strong[b-16v62mv760] {
    display: flex;
    align-items: center;
}

input[type="checkbox"][b-16v62mv760] {
    margin-left: 0.5rem; /* Απόσταση μεταξύ κειμένου και checkbox */
}

h3[b-16v62mv760] {
    margin: 1rem 0; /* Εσωτερικό περιθώριο πάνω και κάτω */
}

p[b-16v62mv760] {
    font-style: italic; /* Ίσιο στυλ κειμένου */
}

/* Στυλ για τα κελιά του πίνακα με πιο αχνό φόντο */
.colorTd[b-16v62mv760] {
    background-color: rgba(240, 248, 255, 0.5); /* Αχνό λευκό-γαλάζιο φόντο */
}

.checkbox-container[b-16v62mv760] {
    display: flex;
    align-items: center;
}

/* Styling for the "X" icon */
.remove-icon[b-16v62mv760] {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    border: 1px solid rgba(200, 200, 200, 0.5); /* Light grey border */
    border-radius: 4px; /* Slightly rounded corners */
    background-color: rgba(255, 0, 0, 0.6); /* Darker red background */
    color: white; /* White "X" icon */
    cursor: pointer;
    margin-right: 8px; /* Space between icon and text */
}

/* Styling for the "Remove Pair" text */
.remove-text[b-16v62mv760] {
    cursor: pointer;
}

/* Styling for the "Choose Pair" text */
.choose-text[b-16v62mv760] {
    margin-left: 8px; /* Space between checkbox and text */
    cursor: pointer;
}
/* Style for the dropdown */
#pairDropdown[b-16v62mv760] {
    margin: 2px 1px 2px 0px;
    padding: 0.5rem; /* Padding for better spacing */
    border: 1px solid #007bff; /* Border color */
    border-radius: 5px; /* Rounded corners */
    background-color: #f8f9fa; /* Light background color */
    font-size: 1rem; /* Font size */
    color: #495057; /* Text color */
    transition: border-color 0.3s, box-shadow 0.3s; /* Transition effects */
}

/* Style for the dropdown on focus */
#pairDropdown:focus[b-16v62mv760] {
    border-color: #0056b3; /* Darker border on focus */
    box-shadow: 0 0 5px rgba(0, 123, 255, .5); /* Shadow effect on focus */
}

/* Style for disabled options */
    #pairDropdown option:disabled[b-16v62mv760] {
        color: black; /* Dark grey color for disabled options */
        background-color: #e9ecef; /* Light grey background for disabled options */
    }

/* Style for the button */
.btn-primary[b-16v62mv760] {
    background-color: #007bff; /* Primary button color */
    border-color: #007bff; /* Border color */
    margin: 2px 1px 2px 0px;
}

.btn-primary:hover[b-16v62mv760] {
    background-color: #0056b3; /* Darker shade on hover */
    border-color: #004085; /* Darker border on hover */
}
/* _content/wwwAppEP/Shared/ProjectRoleRequests.razor.rz.scp.css */
.container-table[b-0k647neuf8] {
    background-color: #f8f9fa; /* Light grey background color */
    padding: 5px; /* Optional: Add padding for spacing */
    border-radius: 10px; /* Optional: Add curved borders */
}
/* _content/wwwAppEP/Shared/ProjectUsers.razor.rz.scp.css */
/* Εφαρμόστε ελαφριά χρώματα και περιγράμματα στους πίνακες */
.table[b-gz0w02m6mo] {
    border: 1px solid rgba(200, 200, 200, 0.5); /* Απαλό γκρι περίγραμμα */
    border-radius: 0.25rem; /* Ελαφρώς στρογγυλεμένες γωνίες */
    background-color: rgba(255, 255, 255, 0.9); /* Ελαφρώς αχνό λευκό φόντο */
}

/* Χρώματα επικεφαλίδας πίνακα */
.colorTr[b-gz0w02m6mo] {
    background-color: rgba(230, 230, 230, 0.8); /* Αχνό γκρι */
    text-align: center;
    vertical-align: middle;
}

/* Χρώματα γραμμών πίνακα */
.table tbody tr[b-gz0w02m6mo] {
    background-color: rgba(245, 245, 245, 0.7); /* Αχνό γκρι φόντο για γραμμές πίνακα */
}

    /* Ειδικά στυλ για τις κυριότερες στήλες του πίνακα */
    .table tbody tr td[b-gz0w02m6mo] {
        padding: 0.75rem; /* Εσωτερικό περιθώριο για καλύτερη εμφάνιση */
        border-bottom: 1px solid rgba(200, 200, 200, 0.5); /* Ελαφρύ περίγραμμα μεταξύ γραμμών */
    }

/* Στυλ για τα headers του πίνακα */
.table thead th[b-gz0w02m6mo] {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(200, 200, 200, 0.5); /* Ελαφρύ περίγραμμα */
}

/* Στυλ για σύνδεσμους στον πίνακα */
.table a[b-gz0w02m6mo] {
    color: #007bff; /* Χρώμα μπλε για συνδέσμους */
    text-decoration: none; /* Αφαίρεση υπογράμμισης */
}

    .table a:hover[b-gz0w02m6mo] {
        text-decoration: underline; /* Υπογράμμιση για hover effect */
    }
/* _content/wwwAppEP/Shared/ProposalsTotal.razor.rz.scp.css */
.colorTr[b-9s4l8go120] {
    background-color: #E8E8E8;

}
.textTr[b-9s4l8go120]{
    font-weight:bold;
}
tr[b-9s4l8go120] {
    text-align: start;
    vertical-align: middle;
}
.amount[b-9s4l8go120]{
    text-align:end;
    vertical-align:middle;
}
/* _content/wwwAppEP/Shared/RequestProjectRole.razor.rz.scp.css */
.custom-table[b-bmr48occn7] {
    border-radius: 10px; /* Curved borders */
    background-color: #f8f9fa; /* Light grey background color */
    border: 1px solid #dee2e6; /* Border around the table */
    border-collapse: collapse; /* Collapse borders to prevent double borders */
    width: 100%; /* Make sure the table takes full width */
}

    .custom-table th[b-bmr48occn7], .custom-table td[b-bmr48occn7] {
        padding: 8px; /* Padding for cells */
        border: 1px solid #dee2e6; /* Border around each cell */
    }

    /* Optional: Style for last td to prevent extra border issues */
    .custom-table tr:last-child td[b-bmr48occn7] {
        border-bottom: 0; /* Remove bottom border for the last row if needed */
    }

/* Button styling */
.btn-primary[b-bmr48occn7] {
    background-color: #007bff; /* Bootstrap primary color */
    border-color: #007bff; /* Ensure border color matches */
    opacity: 1; /* Ensure full opacity */
}

    .btn-primary:hover[b-bmr48occn7],
    .btn-primary:focus[b-bmr48occn7] {
        opacity: 0.9; /* Slightly transparent on hover/focus */
    }

.btn-danger[b-bmr48occn7] {
    background-color: red;
    border-color: red;
    opacity: 1;
    color: white;
}

table[b-bmr48occn7] {
    border-spacing: 0; /* Remove spacing between cells if necessary */
}

th[b-bmr48occn7], td[b-bmr48occn7] {
    border-collapse: collapse;
}
/* _content/wwwAppEP/Shared/SchoolProjects.razor.rz.scp.css */
/* Στυλ για το container */
.box-container[b-rzlgvcawaz] {
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από το container */
    border-radius: 5px; /* Στρογγυλεμένες γωνίες */
    padding: 15px; /* Εσωτερικό περιθώριο */
    background-color: rgba(255, 255, 255, 0.9); /* Ελαφρύ λευκό φόντο */
    margin-bottom: 1rem; /* Απόσταση από το κάτω μέρος */
}

/* Στυλ για τον πίνακα της φόρμας */
.form-table[b-rzlgvcawaz] {
    border-collapse: collapse; /* Αποφυγή διπλών περιγραμμάτων μεταξύ των κελιών */
    width: 100%;
}

    .form-table td[b-rzlgvcawaz] {
        border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τα κελιά */
        padding: 8px;
        background-color: rgba(240, 248, 255, 0.9); /* Αχνό μπλε φόντο για τα κελιά */
    }

/* Στυλ για τον πίνακα των έργων */
.projects-table[b-rzlgvcawaz] {
    border-collapse: collapse; /* Αποφυγή διπλών περιγραμμάτων μεταξύ των κελιών */
    width: 100%;
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τον πίνακα */
}

    .projects-table th[b-rzlgvcawaz], .projects-table td[b-rzlgvcawaz] {
        border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα γύρω από τα κελιά */
        padding: 8px;
    }

    .projects-table .header-row[b-rzlgvcawaz] {
        background-color: rgba(232, 232, 232, 0.8); /* Αχνό γκρι φόντο για τη γραμμή κεφαλίδας */
        text-align: center;
    }

/* Στυλ για τις περιγραφές και τα κελιά με ημερομηνίες */
.description[b-rzlgvcawaz] {
    background-color: rgba(240, 248, 255, 0.9); /* Αχνό μπλε φόντο */
}

.date-cell[b-rzlgvcawaz] {
    background-color: rgba(225, 235, 238, 0.9); /* Αχνό γκρι μπλε φόντο */
    text-align: start;
    white-space: nowrap; /* Αποφυγή αλλαγής γραμμής μέσα στο κελί */
}

/* Στυλ για τα κουμπιά και τις συνδέσεις */
a:link[b-rzlgvcawaz] {
    text-decoration: none;
}

.id-align[b-rzlgvcawaz] {
    background-color: rgba(240, 248, 255, 0.9); /* Αχνό μπλε φόντο */
    text-align: center;
}

/* Για τα checkbox και τα dropdowns */
.form-control[b-rzlgvcawaz] {
    background-color: rgba(255, 255, 255, 0.9); /* Ελαφρύ λευκό φόντο */
    border: 1px solid rgba(211, 211, 211, 0.5); /* Αχνό γκρι περίγραμμα */
}
/* _content/wwwAppEP/Shared/UserRolesRequests.razor.rz.scp.css */
.tables-container[b-ne21z2ai30] {
    background-color: #f8f9fa; /* Light grey background color */
    padding: 5px; /* Optional: Add padding for spacing */
    border-radius: 10px; /* Optional: Add curved borders */
}
/* _content/wwwAppEP/Shared/UsersWithoutRole.razor.rz.scp.css */
.custom-table[b-fxe00zwttw] {
    border-radius: 10px; /* Curved borders */
    background-color: #f8f9fa; /* Light grey background color */
    border: 1px solid #dee2e6; /* Border around the table */
    width: 100%; /* Ensure full width */
    overflow-x: auto; /* Allow horizontal scrolling */
    margin-bottom: 10px;
}

table[b-fxe00zwttw] {
    width: 100%;
    border-collapse: collapse; /* Collapse borders to prevent double borders */
    border-spacing: 0; /* Remove spacing between cells */
}

th[b-fxe00zwttw], td[b-fxe00zwttw] {
    padding: 8px; /* Padding for cells */
    border: 1px solid #dee2e6; /* Border around each cell */
    text-align: left; /* Align text to the left */
}

.custom-table tr:last-child td[b-fxe00zwttw] {
    border-bottom: 0; /* Optional: Remove bottom border for the last row */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-table[b-fxe00zwttw] {
        overflow-x: auto; /* Allow horizontal scrolling */
    }

    table[b-fxe00zwttw] {
        width: 100%;
        border-collapse: collapse; /* Ensure borders are collapsed */
    }

    thead[b-fxe00zwttw] {
        display: table-header-group; /* Ensure table headers are visible */
    }

    tbody[b-fxe00zwttw], tbody tr[b-fxe00zwttw] {
        /* Make rows block-level for stacking */
        width: 100%;
        box-sizing: border-box;
    }

        tbody td[b-fxe00zwttw] {
            display: table-cell; /* Ensure td behaves like a table cell */
            width: auto; /* Allow cells to take their natural width */
            box-sizing: border-box;
        }
}
/* _content/wwwAppEP/Shared/ViewCosts.razor.rz.scp.css */
.dataColor[b-pgacagjk73] {
    background-color: #F0F0F0;
}

.amountColor[b-pgacagjk73] {
    background-color: gainsboro;
    font-weight: bold;
    text-align: end;
    vertical-align: auto;
}
.amountColor2[b-pgacagjk73] {
   
    text-align: end;
    vertical-align: auto;
}

.amount[b-pgacagjk73] {
    background-color: #F8F8F8;
    font-weight: bold;
    text-align: start;
    vertical-align: auto;
}

.colorTr[b-pgacagjk73] {
    background-color: #E8E8E8;
    text-align: start;
    vertical-align: middle;
}
/* _content/wwwAppEP/Shared/ViewMailPosts.razor.rz.scp.css */
.email-container[b-2v2lmh59dv] {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    margin: 10px 0;
    background-color: #f9f9f9;
}

.email-header[b-2v2lmh59dv] {
    margin-bottom: 10px;
}

.email-subject[b-2v2lmh59dv] {
    font-weight: bold;
    font-size: 1.2em;
    color: #333;
}

.email-info[b-2v2lmh59dv] {
    display: flex;
    justify-content: space-between;
    font-size: 0.9em;
    color: #666;
}

.email-date[b-2v2lmh59dv] {
    margin-right: 10px;
}

.email-from[b-2v2lmh59dv] {
    font-style: italic;
}

.email-body[b-2v2lmh59dv] {
    margin-top: 10px;
    font-size: 1em;
    color: #444;
}

.attachments[b-2v2lmh59dv] {
    margin-top: 10px;
    font-size: 1em;
}

    .attachments h5[b-2v2lmh59dv] {
        margin-bottom: 5px;
    }

hr[b-2v2lmh59dv] {
    border: none;
    border-top: 1px solid #ccc;
    margin: 5px 0;
}
.view-mail-link[b-2v2lmh59dv] {
    margin-left: 10px; /* Add some space between date/from and the link */
    color: blue; /* Change color to indicate it's a link */
    text-decoration: underline; /* Underline to signify it's clickable */
    cursor: pointer; /* Change cursor to pointer on hover */
}
/* _content/wwwAppEP/Shared/ViewPosts.razor.rz.scp.css */
/* Gradient background for the row */
.gradient-background[b-xjtdto5k2s] {
    background: linear-gradient(to right, #f8f9fa, #e0e0e0);
    padding: 12px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:1rem;
}

.gradient-item[b-xjtdto5k2s] {
    /*display: flex;*/
    align-items: center;
    flex: 1;
    margin-right: 10px;
}
.form-check-input[b-xjtdto5k2s] {
    width: 1.2rem;
    height: 1.1rem;
    border: 1px solid #4a4a4a; /* Slightly darker border */
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 0.8rem;
}

.input-date[b-xjtdto5k2s] {
    width: 80% !important;
    max-width: 80%;
}

select.form-control[b-xjtdto5k2s] {
    width: auto;
}
.form-check-label[b-xjtdto5k2s] {
    white-space: nowrap;
    text-align: left;
    color: #333; /* Optional: adjust color as needed */
    font-size: 1rem; /* Optional: adjust font size as needed */
    margin: 0; /* Remove any extra spacing */
}

.gradient-background > .col-lg-2[b-xjtdto5k2s], .gradient-background > .col-lg-4[b-xjtdto5k2s] {
    margin-right: 10px;
}

.gradient-background .d-flex[b-xjtdto5k2s] {
    gap: 10px;
}

.btn-primary[b-xjtdto5k2s], .btn-secondary[b-xjtdto5k2s] {
    white-space: nowrap;
    padding: 8px 16px;
}

.btn-primary[b-xjtdto5k2s] {
    background-color: #6f42c1;
    border-color: #6f42c1;
    color: white;
}

@media (max-width: 768px) {
    .gradient-background[b-xjtdto5k2s] {
        flex-direction: column;
        align-items: flex-start;
    }

    .gradient-item[b-xjtdto5k2s] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .input-date[b-xjtdto5k2s] {
        width: 80% !important;
        max-width: 80%;
    }

    .d-flex[b-xjtdto5k2s] {
        width: 100%;
        justify-content: space-between;
    }

    .btn-primary[b-xjtdto5k2s], .btn-secondary[b-xjtdto5k2s] {
        width: 48%;
    }

    select.form-control[b-xjtdto5k2s] {
        width: 80%;
        max-width: 80%;
    }
}

@media (max-width: 576px) {
    .gradient-background[b-xjtdto5k2s] {
        padding: 15px;
    }

    .d-flex[b-xjtdto5k2s] {
        flex-direction: column;
        align-items: stretch;
    }

    .btn-primary[b-xjtdto5k2s], .btn-secondary[b-xjtdto5k2s] {
        width: 100%;
        margin-bottom: 10px;
    }

    select.form-control[b-xjtdto5k2s] {
        width: 80%;
        max-width: 80%;
    }

    .input-date[b-xjtdto5k2s] {
        width: 80% !important;
    }
    .btn[b-xjtdto5k2s]{
        width:50%;
    }
}

.table-custom[b-xjtdto5k2s] {
    border-radius: 10px;
    overflow: hidden;
}

    .table-custom thead[b-xjtdto5k2s] {
        background-color: #f8f9fa;
        font-weight: bold;
    }

    .table-custom tbody tr[b-xjtdto5k2s] {
        transition: background-color 0.3s ease;
    }

        .table-custom tbody tr:hover[b-xjtdto5k2s] {
            background-color: #e9ecef;
        }
/* _content/wwwAppEP/Shared/ViewProjectsTotal.razor.rz.scp.css */
.dataColor[b-elenqjrh6r] {
    background-color: gainsboro;
    font-weight: bold;
    text-align: start;
    vertical-align: auto;
}

.amountColor2[b-elenqjrh6r] {
    text-align: end;
    vertical-align: auto;
    font-weight: bold;
    background-color: gainsboro;
}

.amount[b-elenqjrh6r] {
    background-color: #F8F8F8;
    font-weight: bold;
    text-align: start;
    vertical-align: auto;
}

.colorTr[b-elenqjrh6r] {
    background-color: #E8E8E8;
    text-align: start;
    vertical-align: middle;
}
/* _content/wwwAppEP/Shared/ViewProposalsCost.razor.rz.scp.css */
tr[b-c0tsorhaa2] {
    text-align: start;
    vertical-align: middle;
}


.colorTr[b-c0tsorhaa2] {
    background-color: #E8E8E8;
}
.textTr[b-c0tsorhaa2] {
    font-weight: bold;
}
.amountColor[b-c0tsorhaa2]{
    text-align:end;
    vertical-align:middle;
}
/* _content/wwwAppEP/Shared/xScheduleUserPost.razor.rz.scp.css */
/* General styles */
.loading-container[b-yud85a9ijb],
.no-posts-container[b-yud85a9ijb],
.post-container[b-yud85a9ijb] {
    margin-bottom: 20px;
}
.post-border[b-yud85a9ijb] {
    border: 1px solid black;
    padding: 10px;
    margin-bottom: 20px;
}
.post-title[b-yud85a9ijb] {
    background-color: beige;
    padding: 10px;
    border-radius: 5px;
}

.long-description[b-yud85a9ijb] {
    font-size: 20px;
}

.media-container[b-yud85a9ijb] {
    padding-top: 10px;
}

.media-image[b-yud85a9ijb],
.media-video[b-yud85a9ijb] {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

/* Uploaded media styles */
.uploaded-file[b-yud85a9ijb],
.media-display[b-yud85a9ijb] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.file-link[b-yud85a9ijb] {
    margin-right: 10px;
}

.uploaded-image[b-yud85a9ijb],
.uploaded-video[b-yud85a9ijb] {
    max-width: 50%;
    height: auto;
}

.selected-image[b-yud85a9ijb] {
    max-width: 200px;
    max-height: 200px;
    margin-right: 10px;
}

.selected-video[b-yud85a9ijb] {
    max-width: 300px;
}

/* Responsive styles */
@media (max-width: 768px) {
    .post-container[b-yud85a9ijb],
    .uploaded-file[b-yud85a9ijb],
    .media-display[b-yud85a9ijb],
    .long-description[b-yud85a9ijb] {
        text-align: center;
    }

    .media-image[b-yud85a9ijb],
    .media-video[b-yud85a9ijb],
    .uploaded-image[b-yud85a9ijb],
    .uploaded-video[b-yud85a9ijb],
    .selected-image[b-yud85a9ijb],
    .selected-video[b-yud85a9ijb] {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .uploaded-file[b-yud85a9ijb],
    .media-display[b-yud85a9ijb] {
        flex-direction: column;
    }

    .file-link[b-yud85a9ijb] {
        margin-bottom: 10px;
    }
}
/* _content/wwwAppEP/Shared/xScheduleUserPosts.razor.rz.scp.css */
.section-title[b-qj7edf04iw] {
    font-size: 24px;
    margin-bottom: 20px;
    display: block;
}

.post-container[b-qj7edf04iw] {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}

.post-content[b-qj7edf04iw] {
    border: 1px solid black;
    padding: 10px;
    margin-bottom: 10px;
}

.post-title[b-qj7edf04iw] {
    background-color: beige;
    padding: 10px;
}

.post-icon[b-qj7edf04iw] {
    font-size: 25px;
    margin-right: 20px;
}

.post-description[b-qj7edf04iw] {
    font-size: 20px;
}

.small-text[b-qj7edf04iw] {
    font-size: 15px;
}

.media-image[b-qj7edf04iw] {
    max-width: 100%;
    height: auto;
}

.media-video[b-qj7edf04iw] {
    max-width: 100%;
    height: auto;
}