/* RPG Reservations 1.0.0-beta2
   Smoke on the Water
   ========================================================= */

.rpgr-wrap{
    --rpgr-bg:#1a100c;
    --rpgr-bg-deep:#100906;
    --rpgr-panel:#24140d;
    --rpgr-panel-soft:#2b1a10;
    --rpgr-panel-light:#302016;
    --rpgr-line:#5a341d;
    --rpgr-line-light:#76502f;
    --rpgr-accent:#c58b45;
    --rpgr-accent-light:#ead0a1;
    --rpgr-accent-soft:#a87238;
    --rpgr-text:#ead9c1;
    --rpgr-muted:#bda889;
    --rpgr-success:#859b65;
    --rpgr-warning:#c09252;
    --rpgr-danger:#a85c50;

    width:100%;
    max-width:1100px;
    margin:25px auto;
    color:var(--rpgr-text);
    font-family:"Spectral",Georgia,serif;
    box-sizing:border-box;
}

.rpgr-wrap *,
.rpgr-wrap *::before,
.rpgr-wrap *::after{
    box-sizing:border-box;
}

/* =========================================================
   GRUNDBOXEN
   ========================================================= */

.rpgr-intro,
.rpgr-form,
.rpgr-browser{
    position:relative;
    margin:0 0 22px;
    overflow:hidden;
    border:1px solid var(--rpgr-line);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.018),
            transparent 80px
        ),
        linear-gradient(
            135deg,
            rgba(197,139,69,.025),
            transparent 45%
        ),
        var(--rpgr-bg);
    box-shadow:
        0 12px 30px rgba(0,0,0,.34),
        inset 0 0 45px rgba(0,0,0,.24);
}

.rpgr-intro::after,
.rpgr-form::after,
.rpgr-browser::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    pointer-events:none;
    background:linear-gradient(
        90deg,
        transparent,
        var(--rpgr-accent),
        transparent
    );
    opacity:.55;
}

/* Überschriften */

.rpgr-title,
.rpgr-form-title,
.rpgr-browser-head,
.rpgr-type-head{
    position:relative;
    color:var(--rpgr-accent-light);
    border:0;
    background:
        linear-gradient(
            180deg,
            rgba(197,139,69,.09),
            transparent
        ),
        linear-gradient(
            90deg,
            var(--rpgr-bg-deep),
            var(--rpgr-panel),
            var(--rpgr-bg-deep)
        );
}

.rpgr-title,
.rpgr-form-title{
    padding:15px 20px;
    border-bottom:1px solid var(--rpgr-line);
}

.rpgr-title::before,
.rpgr-form-title::before,
.rpgr-type-head::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:4px;
    background:linear-gradient(
        180deg,
        var(--rpgr-accent-light),
        var(--rpgr-accent),
        var(--rpgr-line)
    );
}

.rpgr-title h1,
.rpgr-form-title h2,
.rpgr-type-title{
    margin:0;
    color:inherit;
    font-family:"Cinzel",Georgia,serif;
    font-weight:500;
    line-height:1.25;
    text-transform:uppercase;
    letter-spacing:.09em;
}

.rpgr-title h1{
    font-size:20px;
}

.rpgr-form-title h2{
    font-size:16px;
}

/* =========================================================
   EINLEITUNG
   ========================================================= */

.rpgr-intro-text{
    position:relative;
    padding:20px 22px;
    color:var(--rpgr-text);
    font-size:13px;
    line-height:1.75;
    text-align:justify;
    background:
        linear-gradient(
            90deg,
            rgba(197,139,69,.03),
            transparent 25%,
            transparent 75%,
            rgba(197,139,69,.03)
        );
}

.rpgr-intro-text::before{
    content:"";
    display:block;
    width:80px;
    height:1px;
    margin:0 auto 15px;
    background:linear-gradient(
        90deg,
        transparent,
        var(--rpgr-accent),
        transparent
    );
}

.rpgr-intro-text > :first-child{
    margin-top:0;
}

.rpgr-intro-text > :last-child{
    margin-bottom:0;
}

.rpgr-intro-text a{
    color:var(--rpgr-accent-light);
    text-decoration:none;
    border-bottom:1px dotted var(--rpgr-accent);
}

.rpgr-intro-text a:hover{
    color:#fff0d2;
    border-bottom-style:solid;
}

/* =========================================================
   MELDUNGEN
   ========================================================= */

.rpgr-message{
    position:relative;
    margin:0 0 18px;
    padding:13px 16px 13px 45px;
    color:var(--rpgr-text);
    font-size:12px;
    line-height:1.6;
    border:1px solid var(--rpgr-line);
    border-left:4px solid var(--rpgr-accent);
    background:
        linear-gradient(
            90deg,
            rgba(197,139,69,.1),
            transparent 45%
        ),
        var(--rpgr-panel);
    box-shadow:0 6px 18px rgba(0,0,0,.2);
}

.rpgr-message::before{
    content:"!";
    position:absolute;
    top:50%;
    left:16px;
    width:19px;
    height:19px;
    line-height:19px;
    text-align:center;
    font-family:Georgia,serif;
    font-weight:700;
    transform:translateY(-50%);
    color:var(--rpgr-bg-deep);
    background:var(--rpgr-accent);
}

.rpgr-message.error{
    border-left-color:var(--rpgr-danger);
    background:
        linear-gradient(
            90deg,
            rgba(168,92,80,.14),
            transparent 45%
        ),
        var(--rpgr-panel);
}

.rpgr-message.error::before{
    content:"×";
    color:#f4e4dc;
    background:var(--rpgr-danger);
}

.rpgr-message.success{
    border-left-color:var(--rpgr-success);
    background:
        linear-gradient(
            90deg,
            rgba(133,155,101,.14),
            transparent 45%
        ),
        var(--rpgr-panel);
}

.rpgr-message.success::before{
    content:"✓";
    color:#f1f1dc;
    background:var(--rpgr-success);
}

.rpgr-message ul{
    margin:8px 0 0 18px;
    padding:0;
}

/* =========================================================
   FORMULAR
   ========================================================= */

.rpgr-form-body{
    padding:21px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.012),
            transparent
        ),
        var(--rpgr-bg);
}

.rpgr-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px 20px;
}

.rpgr-field{
    position:relative;
    min-width:0;
}

.rpgr-field label{
    display:block;
    margin:0 0 7px;
    color:var(--rpgr-accent-light);
    font-family:"Cinzel",Georgia,serif;
    font-size:10px;
    font-weight:600;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.1em;
}

.rpgr-field input,
.rpgr-field select,
.rpgr-field textarea{
    width:100%;
    max-width:none;
    margin:0;
    padding:9px 11px;
    color:var(--rpgr-text);
    font-family:"Spectral",Georgia,serif;
    font-size:12px;
    border:1px solid var(--rpgr-line);
    border-bottom-color:var(--rpgr-line-light);
    outline:none;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.018),
            transparent
        ),
        var(--rpgr-bg-deep);
    box-shadow:
        inset 0 1px 5px rgba(0,0,0,.45),
        0 1px 0 rgba(255,255,255,.025);
    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.rpgr-field input,
.rpgr-field select{
    min-height:39px;
}

.rpgr-field select{
    cursor:pointer;
}

.rpgr-field input::placeholder,
.rpgr-field textarea::placeholder{
    color:var(--rpgr-muted);
    opacity:.55;
}

.rpgr-field input:hover,
.rpgr-field select:hover,
.rpgr-field textarea:hover{
    border-color:var(--rpgr-line-light);
}

.rpgr-field input:focus,
.rpgr-field select:focus,
.rpgr-field textarea:focus{
    color:#f3e5d0;
    border-color:var(--rpgr-accent);
    background:var(--rpgr-panel);
    box-shadow:
        inset 0 1px 5px rgba(0,0,0,.4),
        0 0 0 2px rgba(197,139,69,.09);
}

.rpgr-field-full{
    grid-column:1/-1;
}

.rpgr-submit{
    grid-column:1/-1;
    position:relative;
    margin-top:3px;
    padding-top:17px;
    text-align:right;
    border-top:1px solid rgba(90,52,29,.65);
}

.rpgr-submit::before{
    content:"";
    position:absolute;
    top:-1px;
    left:0;
    width:90px;
    height:1px;
    background:var(--rpgr-accent);
}

/* Buttons */

.rpgr-button,
.rpgr-wrap input.button,
.rpgr-wrap button.button,
.rpgr-actions .button{
    display:inline-block;
    width:auto;
    min-height:auto;
    margin:0;
    padding:8px 15px;
    color:var(--rpgr-bg-deep);
    font-family:"Cinzel",Georgia,serif;
    font-size:10px;
    font-weight:700;
    line-height:1.4;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.08em;
    cursor:pointer;
    border:1px solid var(--rpgr-line-light);
    outline:none;
    background:
        linear-gradient(
            180deg,
            var(--rpgr-accent-light),
            var(--rpgr-accent)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        0 3px 8px rgba(0,0,0,.28);
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.rpgr-button:hover,
.rpgr-wrap input.button:hover,
.rpgr-wrap button.button:hover,
.rpgr-actions .button:hover{
    color:#160d08;
    border-color:var(--rpgr-accent-light);
    background:
        linear-gradient(
            180deg,
            #f1ddb9,
            #d39a54
        );
    transform:translateY(-1px);
}

.rpgr-button:active,
.rpgr-wrap input.button:active,
.rpgr-wrap button.button:active,
.rpgr-actions .button:active{
    transform:translateY(0);
}

.rpgr-button.danger,
.rpgr-actions .danger{
    color:#ead7cf;
    border-color:#754039;
    background:
        linear-gradient(
            180deg,
            #8c4b43,
            #66332e
        );
}

.rpgr-button.danger:hover,
.rpgr-actions .danger:hover{
    color:#fff1eb;
    border-color:var(--rpgr-danger);
    background:
        linear-gradient(
            180deg,
            #a85c50,
            #773b34
        );
}

/* Verfügbarkeitsprüfung */

.rpgr-check{
    position:relative;
    min-height:18px;
    margin:7px 0 0;
    padding-left:17px;
    color:var(--rpgr-muted);
    font-size:10px;
    line-height:1.5;
}

.rpgr-check::before{
    content:"";
    position:absolute;
    top:5px;
    left:2px;
    width:6px;
    height:6px;
    border:1px solid var(--rpgr-muted);
    transform:rotate(45deg);
    opacity:.7;
}

.rpgr-check.ok{
    color:var(--rpgr-success);
}

.rpgr-check.ok::before{
    border-color:var(--rpgr-success);
    background:var(--rpgr-success);
}

.rpgr-check.warn{
    color:var(--rpgr-warning);
}

.rpgr-check.warn::before{
    border-color:var(--rpgr-warning);
    background:var(--rpgr-warning);
}

.rpgr-check.no{
    color:#c67b6d;
}

.rpgr-check.no::before{
    border-color:var(--rpgr-danger);
    background:var(--rpgr-danger);
}

/* =========================================================
   TABS
   ========================================================= */

.rpgr-browser-head{
    padding:0;
    border-bottom:1px solid var(--rpgr-line);
}

.rpgr-tabs{
    display:flex;
    align-items:stretch;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
    scrollbar-color:var(--rpgr-accent) var(--rpgr-bg-deep);
    background:var(--rpgr-bg-deep);
}

.rpgr-tabs::-webkit-scrollbar{
    height:5px;
}

.rpgr-tabs::-webkit-scrollbar-track{
    background:var(--rpgr-bg-deep);
}

.rpgr-tabs::-webkit-scrollbar-thumb{
    background:var(--rpgr-line-light);
}

.rpgr-tab{
    appearance:none;
    position:relative;
    flex:0 0 auto;
    min-height:49px;
    margin:0;
    padding:14px 21px 13px;
    color:var(--rpgr-muted);
    font-family:"Cinzel",Georgia,serif;
    font-size:10px;
    font-weight:600;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.09em;
    white-space:nowrap;
    cursor:pointer;
    border:0;
    border-right:1px solid var(--rpgr-line);
    outline:none;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.015),
            transparent
        ),
        var(--rpgr-bg-deep);
    transition:
        color .2s ease,
        background .2s ease;
}

.rpgr-tab::after{
    content:"";
    position:absolute;
    right:50%;
    bottom:0;
    left:50%;
    height:3px;
    background:var(--rpgr-accent);
    transition:
        left .25s ease,
        right .25s ease;
}

.rpgr-tab:hover,
.rpgr-tab:focus{
    color:var(--rpgr-accent-light);
    background:var(--rpgr-panel);
}

.rpgr-tab.is-active{
    color:var(--rpgr-accent-light);
    background:
        linear-gradient(
            180deg,
            rgba(197,139,69,.11),
            transparent
        ),
        var(--rpgr-panel);
    box-shadow:inset 0 1px 0 rgba(234,208,161,.08);
}

.rpgr-tab.is-active::after{
    right:0;
    left:0;
}

/* =========================================================
   SUCHE
   ========================================================= */

.rpgr-search{
    position:relative;
    padding:14px 17px;
    border-bottom:1px solid var(--rpgr-line);
    background:
        linear-gradient(
            90deg,
            var(--rpgr-panel),
            var(--rpgr-bg),
            var(--rpgr-panel)
        );
}

.rpgr-search::before{
    content:"⌕";
    position:absolute;
    top:50%;
    left:29px;
    z-index:2;
    color:var(--rpgr-accent);
    font-family:Georgia,serif;
    font-size:20px;
    line-height:1;
    transform:translateY(-52%);
    pointer-events:none;
}

.rpgr-search input{
    width:100%;
    max-width:none;
    min-height:39px;
    margin:0;
    padding:8px 12px 8px 39px;
    color:var(--rpgr-text);
    font-family:"Spectral",Georgia,serif;
    font-size:12px;
    border:1px solid var(--rpgr-line);
    outline:none;
    background:var(--rpgr-bg-deep);
    box-shadow:inset 0 1px 5px rgba(0,0,0,.42);
}

.rpgr-search input:focus{
    border-color:var(--rpgr-accent);
    background:var(--rpgr-panel);
}

/* =========================================================
   RESERVIERUNGSTYP
   ========================================================= */

.rpgr-type-head{
    padding:18px 21px 17px;
    border-bottom:1px solid var(--rpgr-line);
}

.rpgr-type-title{
    color:var(--rpgr-accent-light);
    font-size:17px;
}

.rpgr-type-description{
    max-width:850px;
    margin:7px 0 0;
    color:var(--rpgr-muted);
    font-size:11px;
    line-height:1.65;
}

.rpgr-status-grid{
    display:grid;
    gap:17px;
    padding:17px;
    background:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 12px,
            rgba(197,139,69,.012) 12px,
            rgba(197,139,69,.012) 13px
        );
}

.rpgr-status-grid-standard{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.rpgr-status-grid-gendered{
    grid-template-columns:1fr;
}

/* =========================================================
   STATUSBOXEN
   ========================================================= */

.rpgr-status-panel{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid var(--rpgr-line);
    background:var(--rpgr-bg-deep);
    box-shadow:
        0 7px 18px rgba(0,0,0,.22),
        inset 0 0 30px rgba(0,0,0,.18);
}

.rpgr-status-title{
    position:relative;
    padding:11px 14px 10px;
    color:var(--rpgr-accent-light);
    font-family:"Cinzel",Georgia,serif;
    font-size:10px;
    font-weight:600;
    line-height:1.5;
    text-transform:uppercase;
    letter-spacing:.11em;
    border-bottom:1px solid var(--rpgr-line);
    background:
        linear-gradient(
            180deg,
            rgba(197,139,69,.09),
            transparent
        ),
        var(--rpgr-panel);
}

.rpgr-status-title::after{
    content:"";
    position:absolute;
    right:14px;
    bottom:-1px;
    width:55px;
    height:1px;
    background:var(--rpgr-accent);
}

.rpgr-status-body{
    min-height:105px;
    padding:14px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.012),
            transparent
        ),
        var(--rpgr-bg-deep);
}

/* =========================================================
   GESCHLECHTERSPALTEN
   ========================================================= */

.rpgr-gender-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.rpgr-gender-column{
    position:relative;
    min-width:0;
    min-height:125px;
    padding:15px;
}

.rpgr-gender-column + .rpgr-gender-column{
    border-left:1px solid var(--rpgr-line);
}

.rpgr-gender-column h3{
    position:relative;
    margin:0 0 13px;
    padding:0 0 9px 25px;
    color:var(--rpgr-accent-light);
    font-family:"Cinzel",Georgia,serif;
    font-size:10px;
    font-weight:600;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.11em;
    border-bottom:1px solid var(--rpgr-line);
}

.rpgr-gender-column h3::before{
    position:absolute;
    top:-4px;
    left:1px;
    color:var(--rpgr-accent);
    font-family:Georgia,serif;
    font-size:19px;
    font-weight:400;
    line-height:1;
}

.rpgr-gender-column:first-child h3::before{
    content:"♀";
}

.rpgr-gender-column:nth-child(2) h3::before{
    content:"♂";
}

.rpgr-gender-column h3::after{
    content:"";
    position:absolute;
    bottom:-1px;
    left:25px;
    width:45px;
    height:1px;
    background:var(--rpgr-accent);
}

/* =========================================================
   RESERVIERUNGSKARTEN
   ========================================================= */

.rpgr-card{
    position:relative;
    margin:0 0 10px;
    padding:12px 13px 11px 16px;
    overflow:hidden;
    color:var(--rpgr-text);
    border:1px solid var(--rpgr-line);
    border-left:3px solid var(--rpgr-accent-soft);
    background:
        linear-gradient(
            110deg,
            rgba(197,139,69,.07),
            transparent 48%
        ),
        var(--rpgr-panel);
    box-shadow:
        0 4px 12px rgba(0,0,0,.2),
        inset 0 1px 0 rgba(255,255,255,.02);
    transition:
        border-color .2s ease,
        background .2s ease,
        transform .2s ease;
}

.rpgr-card::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:28px;
    height:28px;
    pointer-events:none;
    background:
        linear-gradient(
            135deg,
            transparent 50%,
            rgba(197,139,69,.08) 51%
        );
}

.rpgr-card:hover{
    border-color:var(--rpgr-line-light);
    border-left-color:var(--rpgr-accent);
    background:
        linear-gradient(
            110deg,
            rgba(197,139,69,.11),
            transparent 52%
        ),
        var(--rpgr-panel-light);
    transform:translateX(2px);
}

.rpgr-card:last-child{
    margin-bottom:0;
}

.rpgr-value{
    position:relative;
    z-index:1;
    color:var(--rpgr-accent-light);
    font-family:"Cinzel",Georgia,serif;
    font-size:12px;
    font-weight:600;
    line-height:1.45;
    letter-spacing:.025em;
}

.rpgr-value a{
    color:var(--rpgr-accent-light);
    text-decoration:none;
}

.rpgr-value a:hover{
    color:#fff0d2;
}

.rpgr-meta{
    position:relative;
    z-index:1;
    margin:5px 0 0;
    color:var(--rpgr-muted);
    font-size:10px;
    line-height:1.65;
}

.rpgr-meta a{
    color:var(--rpgr-accent);
    text-decoration:none;
    border-bottom:1px dotted rgba(197,139,69,.65);
}

.rpgr-meta a:hover{
    color:var(--rpgr-accent-light);
    border-bottom-style:solid;
}

.rpgr-actions{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
    padding-top:9px;
    border-top:1px solid rgba(90,52,29,.65);
}

.rpgr-actions form{
    margin:0;
}

.rpgr-actions .button{
    padding:5px 9px;
    font-size:8px;
    letter-spacing:.07em;
}

/* Leere Bereiche */

.rpgr-empty{
    position:relative;
    padding:18px 10px;
    color:var(--rpgr-muted);
    font-size:11px;
    font-style:italic;
    line-height:1.6;
    text-align:center;
    opacity:.7;
}

.rpgr-empty::before,
.rpgr-empty::after{
    content:"";
    display:inline-block;
    width:25px;
    height:1px;
    margin:0 8px 3px;
    vertical-align:middle;
    background:var(--rpgr-line);
}

/* Gastschlüssel */

.rpgr-key{
    display:inline-block;
    max-width:100%;
    padding:3px 6px;
    overflow-wrap:anywhere;
    color:var(--rpgr-accent-light);
    font-family:Consolas,Monaco,monospace;
    font-size:10px;
    border:1px solid var(--rpgr-line);
    background:var(--rpgr-bg-deep);
}

/* =========================================================
   MYBB-KLASSEN INNERHALB DES PLUGINS
   ========================================================= */

.rpgr-wrap .tborder{
    border-color:var(--rpgr-line);
    background:var(--rpgr-bg);
}

.rpgr-wrap .thead{
    color:var(--rpgr-accent-light);
    border-color:var(--rpgr-line);
    background:var(--rpgr-panel);
}

.rpgr-wrap .tcat{
    color:var(--rpgr-accent-light);
    border-color:var(--rpgr-line);
    background:var(--rpgr-bg-deep);
}

.rpgr-wrap .trow1,
.rpgr-wrap .trow2{
    color:var(--rpgr-text);
    border-color:var(--rpgr-line);
    background:var(--rpgr-bg);
}

/* =========================================================
   SCROLLBALKEN
   ========================================================= */

.rpgr-wrap *{
    scrollbar-width:thin;
    scrollbar-color:var(--rpgr-line-light) var(--rpgr-bg-deep);
}

.rpgr-wrap *::-webkit-scrollbar{
    width:7px;
    height:7px;
}

.rpgr-wrap *::-webkit-scrollbar-track{
    background:var(--rpgr-bg-deep);
}

.rpgr-wrap *::-webkit-scrollbar-thumb{
    border:1px solid var(--rpgr-bg-deep);
    background:var(--rpgr-line-light);
}

.rpgr-wrap *::-webkit-scrollbar-thumb:hover{
    background:var(--rpgr-accent);
}

/* =========================================================
   HILFSKLASSEN
   ========================================================= */

.rpgr-hidden,
[hidden].rpgr-type-panel{
    display:none!important;
}

.rpgr-sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:800px){

    .rpgr-wrap{
        margin:15px auto;
    }

    .rpgr-grid,
    .rpgr-status-grid-standard,
    .rpgr-gender-grid{
        grid-template-columns:1fr;
    }

    .rpgr-field-full,
    .rpgr-submit{
        grid-column:auto;
    }

    .rpgr-gender-column + .rpgr-gender-column{
        border-top:1px solid var(--rpgr-line);
        border-left:0;
    }

    .rpgr-tabs{
        width:100%;
    }

    .rpgr-tab{
        padding-right:16px;
        padding-left:16px;
    }

    .rpgr-title,
    .rpgr-form-title,
    .rpgr-type-head{
        padding-right:16px;
        padding-left:16px;
    }

    .rpgr-form-body,
    .rpgr-intro-text{
        padding:17px;
    }

    .rpgr-status-grid{
        padding:12px;
    }
}

@media(max-width:500px){

    .rpgr-title h1{
        font-size:17px;
    }

    .rpgr-type-title{
        font-size:15px;
    }

    .rpgr-tab{
        min-height:44px;
        padding:12px 14px 11px;
        font-size:9px;
    }

    .rpgr-submit{
        text-align:center;
    }

    .rpgr-submit .button,
    .rpgr-submit .rpgr-button{
        width:100%;
    }

    .rpgr-actions{
        flex-direction:column;
    }

    .rpgr-actions form,
    .rpgr-actions .button{
        width:100%;
    }

    .rpgr-empty::before,
    .rpgr-empty::after{
        width:14px;
        margin-right:5px;
        margin-left:5px;
    }
}