/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */


input, select, button, textarea {
    border: 1px solid #ececec;
    min-height: 42px;
    border-radius: 5px;
    padding: 5px;
}
select {
    min-width: 180px;
}
input[type=checkbox]
{
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    transform: scale(1.5);
    padding: 5px;
    margin: 0 8px;
}

td {
    padding: 4px;
}

a:not(a[class*="border-"]):not(a[class*="back-nav"]){
    text-decoration: underline;
}
a[disabled="disabled"]{
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

progress {
    border-radius: 12px;
    overflow: hidden;
    height: 12px;
    max-width: 320px;
    width: 100%;
}
progress::-webkit-progress-bar {
    background-color: #f3f3f3;
    border-radius: 12px;
}
progress::-webkit-progress-value {
    background-color: #90bb19;
    border-radius: 12px;
}
.back-nav {
    display: inline-block;
    border: 1px solid lightgrey;
    padding: 11px 22px 11px 44px;
    border-radius: 25px;
    margin-bottom: 15px;
    height: 50px;
    position: relative;
}
.back-nav:before {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 14px;
    left: 14px;
    content: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%23000000%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cline%20class%3D%22st0%22%20x1%3D%223.5%22%20y1%3D%2212.2%22%20x2%3D%2220.6%22%20y2%3D%2212.2%22%2F%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2211.3%2C4.3%203.5%2C12.2%2011.3%2C19.7%20%22%2F%3E%3C%2Fsvg%3E");
}
.back-nav.logout:before {
    content: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%23070707%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2212.5%2C3%2020.1%2C3%2020.1%2C21%2012.5%2C21%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%223.9%2C21%2012.5%2C22.9%2012.5%2C1.1%203.9%2C3%20%22%2F%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%229.1%22%20cy%3D%2212.5%22%20r%3D%221.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.back-nav:hover{
    background: #f3f3f3;
}

/* trix stuff */
.trix-button-row {
    font-size: 0.6rem;
}
.trix-button-row button {
    min-height: 30px;
}