.prescription .btn{
    display: inline-flex;
    column-gap: 10px;

    border-width: 1px;
    border-style: solid;
    border-radius: 50px;
    
    align-items: center;
    font-size: 18px;
    font-weight: 300;
    font-family: 'GT Walsheim Pro', Arial, Helvetica !important;

    padding: 5px 15px;
}
.prescription .btn:hover,
.prescription .btn:focus{
    box-shadow: none;
}
.prescription .btn,
.prescription .btn span{
    transition: all 0.5s ease-in-out;
}

.prescription .btn-action{
    padding: 5px;
    margin-top: 0;
    background: none;
    color: #3B2800;
}

.prescription .btn-primary{
    background: #3B2800;
    border-color:#3B2800;
    color: #FFF;
}
.prescription .btn-primary:hover,
.prescription .btn-primary:focus{
    background: transparent;
    border-color: #3B2800;
    color: #3B2800;
}

.prescription .btn-secondary:not(.btn-outline){
    background: #D19577;
    border-color:#D19577;
    color: #FFF;
}
.prescription .btn-secondary:not(.btn-outline):hover,
.prescription .btn-secondary:not(.btn-outline):focus{
    background: transparent;
    border-color: #D19577;
    color: #D19577;
}

.prescription .btn-secondary.btn-outline{
    background: transparent;
    border-color:#D19577;
    color: #D19577;
}
.prescription .btn-secondary.btn-outline:hover,
.prescription .btn-secondary.btn-outline:focus{
    background: #D19577;
    border-color: #D19577;
    color: #FFF;
    text-decoration: none;
}

.prescription .btn-reverse-primary{
    background: transparent;
    border-color: #3B2800;
    color: #3B2800;
}
.prescription .btn-reverse-primary:hover,
.prescription .btn-reverse-primary:focus{
    background: #FFDD00;
    border-color:#FFDD00;
}

.prescription table{
    border: 0px solid #D19577;
}
.prescription table thead,
.prescription table tfoot{
    background: #D19577;
    border: 1px solid #D19577;
}
.prescription table thead th,
.prescription table tfoot th{
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
}

.prescription .columns{
    display: flex;
    justify-content: space-between;
    column-gap: 50px;
}
.prescription .columns > div{
    width: 50%;
}

.prescription form{
    display: flex;
    width: 100%;
    flex-direction: column;
    row-gap: 0.5rem
}
.prescription .bordered{
    background: #FFF;
    padding: 50px;
    border-radius: 30px;
    width: calc( 100% - 100px );
}
.prescription .bordered > .uk-width-1-1{
    padding: 0;
}
.prescription .field-group{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.prescription .field-group.submit{
    justify-content: flex-end;
    row-gap: 0;
    column-gap: 10px;
    padding: 0;
}
.prescription .field-group label{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    min-width: 110px;
}
.prescription .field-group label .required{
    font-size: 12px;
    font-weight: 600;
    color: #D19577;
}
.prescription .field-group input[type="text"],
.prescription .field-group input[type="email"],
.prescription .field-group input[type="password"]{
    width: 100%;
    background: transparent;

    border-color: #3B2800;
    border-bottom-width: 1px;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0;

    padding: 5px 0 !important;
}

.prescription .field-group input[type="text"]:focus-visible,
.prescription .field-group input[type="email"]:focus-visible,
.prescription .field-group input[type="password"]:focus-visible{
    outline: none;
}

.prescription .field-group input[type="text"],
.prescription .field-group input[type="email"],
.prescription .field-group input[type="password"],
.prescription .field-group input[type="text"]::placeholder,
.prescription .field-group input[type="email"]::placeholder,
.prescription .field-group input[type="password"]::placeholder{
    color:#3B2800;

    font-size: 18px;
    font-weight: 300;
    font-family: 'GT Walsheim Pro', Arial, Helvetica !important;
    
    line-height: 100%;
}

.prescription .field-group.field-error input[type="text"],
.prescription .field-group.field-error input[type="email"],
.prescription .field-group.field-error input[type="password"]{
   border-bottom-color: #DC3545;
}
.prescription .field-group.field-error input[type="text"],
.prescription .field-group.field-error input[type="email"],
.prescription .field-group.field-error input[type="password"],
.prescription .field-group.field-error input[type="text"]::placeholder,
.prescription .field-group.field-error input[type="email"]::placeholder,
.prescription .field-group.field-error input[type="password"]::placeholder{
   color: #DC3545;
}

.prescription .field-group input[type="submit"],
.prescription .field-group button[type="submit"]{
    display: inline-block;
}
.prescription form.bordered .submit{
    margin-top: 20px;
}

.prescription .field-group > span{
    width: 100%;
}

.prescription .title-group{
    display: grid;
    grid-template-areas:
        "subtitle registration"
        "title title";
    margin-bottom: 30px;
}
.prescription .title-group .sub-title{
    grid-area: subtitle;

    font-size: 30px;
    color: #3B2800;
    font-weight: 600;
}
.prescription .title-group .title{
    grid-area: title;

    font-size: 24px;
    color: #D19571;
    display: flex;
    align-items: center;
    column-gap: 10px;    
}
.prescription .title-group .registration{
    grid-area: registration;

    text-align: right;
}

.prescription .notice{
    border-radius: 5px;

    font-size: 14px;

    padding: 10px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.prescription .notice p{
    font-weight: 600;
}
.prescription .notice p,
.prescription .notice ul{
    margin: 0 !important;
}
.prescription .notice-error{
    color: #DC3545;
    background: #F8D7DA;
}
.prescription .notice-success{
    color: #198754;
    background: #D1E7DD;
}