/*************** Templates ***************/

#templates {

}

#templatesInfo {
    margin-bottom: 10px;
}

#templatesGrid {
    display: flex;
    gap: 10px;
}

#templatesGridHeader {
    display: grid;
    grid-template-rows: 40px 40px auto;
    row-gap: 10px;
    align-items: center;
}

.templatesGridHeaderTitle {
    font-weight: bold;
}

#templatesGridBody {
    display: flex;
    gap: 10px;
}

.templatesGridBodyCol {
    min-width: 300px;
    display: grid;
    grid-template-rows: 40px 40px auto;
    row-gap: 10px;
}

.templatesGridBodyColInput {
    font-size: 14px;
    padding: 6px;
}

.templatesGridBodyColTextarea {
    font-size: 14px;
    padding: 6px;
    height: 300px;
}

/************** Email **************/

#email {

}

#emailTemplate {
    margin-bottom: 10px;
    width: fit-content;
}

#emailSubject {
    margin-bottom: 10px;
}

#emailBody {
    margin-bottom: 20px;
}

#emailTable {
    margin-bottom: 20px;
}

.emailTableRow {

}

.emailTableRowCheckbox {
    height: 26px;
    width: 26px;

}

.emailTableRowDelete {
    background-color: transparent;
    padding: 0;
    text-decoration: underline;
    cursor:pointer;
}

#emailSend {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
}