body .password-field {
    position: relative;
}

body .password-field #toggler {
    position: absolute;
    right: 20px;
    cursor: pointer;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    background: #f7f7f7 none repeat scroll 0 0;
    border: 5px solid #808080;
}

.card-mewngofnodi {
    background-color: #f2f2f2;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    padding: 1.25rem;
}

.margin-bottom-md {
    margin-bottom: 20px;
}

.dynamic-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dynamic-row a {
    box-sizing: border-box;
}

@media only screen and (max-width: 900px) {
    .dynamic-row * {
        width: 100%;
    }

    .dynamic-row {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }

    .card-mewngofnodi {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .prefix {
        text-align: start;
    }
}

span.required {
    color: #bb0534;
    font-weight: bold;
    margin-left: 5px;
}

[class*="icon-"] {
    padding-bottom: 0.4em;
}

[class*="icon-"] a {
    margin-left: 0.2em;
}

button, input.button-grey[type="submit"], .cyswlltYnOlFyNghyfrif a, .button {
    /*background: #aaa none repeat scroll 0 0;*/
    border-bottom: medium none;
    border-radius: 6px;
    color: #fff !important;
    display: inline-block;
    font-family: inherit;
    -moz-font-feature-settings: inherit;
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    /*font-size: 1em;*/
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: 700;
    height: 2.5rem;
    line-height: 2.2rem;
    margin: 0 0 10px;
    padding: 0 10px;
    text-decoration: none !important;
    vertical-align: baseline;
}

button, .cyswlltYnOlFyNghyfrif a, .button {
    background-color: #408627;
    color: #fff;
    border: 1px solid #aaa;
    font-size: 1.2em;
}

input[type='submit'].button-gwyrdd {
    background-color: #408627;
}

input[type='submit'].button-coch {
    background-color: #ea2c2c;
}

form, .sys_content {
    overflow: auto;
}

.sys_breadcrumb {
    padding: 0 0 1em 0;
}

#cysylltauTeitlTudalen {
    float: right;
    margin: 0 0.5em 0 0;
    font-weight: bold;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-gwyrdd {
    border: 5px solid #408627;
}

.alert-melyn {
    border: 5px solid #FF9800;
}

.validation-summary-errors {
    background: #f7f7f7 none repeat scroll;
    margin-bottom: 25px;
    padding: 15px 45px 15px 30px;
    border: 5px solid #bb0534;
}

input.button-grey[type="submit"]:hover, #botwmNewidCyfeiriad:hover, button:hover, .cyswlltYnOlFyNghyfrif a:hover, .button:hover {
    background-color: #777;
    cursor: pointer;
}

.fa-eye, .fa-eye-slash {
    transform: scale(.6);
}

.fa-eye::before {
    content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%3E%3Cpath d='M1664 960q-152-236-381-353 61 104 61 225 0 185-131.5 316.5t-316.5 131.5-316.5-131.5-131.5-316.5q0-121 61-225-229 117-381 353 133 205 333.5 326.5t434.5 121.5 434.5-121.5 333.5-326.5zm-720-384q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69-140 230-376.5 368.5t-499.5 138.5-499.5-139-376.5-368q-20-35-20-69t20-69q140-229 376.5-368t499.5-139 499.5 139 376.5 368q20 35 20 69z'/%3E%3C/svg%3E");
}

.fa-eye-slash::before {
    content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%3E%3Cpath d='M555 1335l78-141q-87-63-136-159t-49-203q0-121 61-225-229 117-381 353 167 258 427 375zm389-759q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm363-191q0 7-1 9-106 189-316 567t-315 566l-49 89q-10 16-28 16-12 0-134-70-16-10-16-28 0-12 44-87-143-65-263.5-173t-208.5-245q-20-31-20-69t20-69q153-235 380-371t496-136q89 0 180 17l54-97q10-16 28-16 5 0 18 6t31 15.5 33 18.5 31.5 18.5 19.5 11.5q16 10 16 27zm37 447q0 139-79 253.5t-209 164.5l280-502q8 45 8 84zm448 128q0 35-20 69-39 64-109 145-150 172-347.5 267t-419.5 95l74-132q212-18 392.5-137t301.5-307q-115-179-282-294l63-112q95 64 182.5 153t144.5 184q20 34 20 69z'/%3E%3C/svg%3E");
}

.card-mewngofnodi a {
    border-bottom: solid 1px;
}

.card-mewngofnodi a:hover {
    border-bottom: none;
}