/* _content/DagoniteEmpire/Pages/Campaign/CampaignList.razor.rz.scp.css */
/* improved for chat text box */

.camp[b-5p4l9gswbz] {
    transition: transform 0.1s;
}

.camp:hover[b-5p4l9gswbz] {
    transform: scale(1.02);
}

   /* .camp:active {
        transform: scale(0.97);
    }*/
/* _content/DagoniteEmpire/Pages/Campaign/ChapterList.razor.rz.scp.css */
/* improved for chat text box */

.camp[b-xfcgz9ein8] {
    transition: transform 0.1s;
}

.camp:hover[b-xfcgz9ein8] {
    transform: scale(1.03);
}

/* _content/DagoniteEmpire/Pages/Campaign/ChapterThread.razor.rz.scp.css */
.character-panel[b-n7ygf8qjqc] {
    position: fixed;
    top: 100px;
    left: 8px;
    width: 400px;
    height: 100%;
    overflow-y: scroll;
}

#mam[b-n7ygf8qjqc] {
    margin-left: auto;
}

@media (max-width: 2189px) {
    #mam[b-n7ygf8qjqc] {
        margin-left: 410px;
    }
}

@media (max-width: 1919px) {
    #mam[b-n7ygf8qjqc] {
        margin-left: auto;
    }
}
/* _content/DagoniteEmpire/Pages/CharacterPages/CharacterList.razor.rz.scp.css */

.e-grid .e-toolbar .e-tbar-btn-text[b-5keqvzo2ug],
.e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text[b-5keqvzo2ug] {
    font-family: 'Eagle Lake', serif;
}

.card-title[b-5keqvzo2ug]{
    color: black;
}

.page[b-5keqvzo2ug] {
    height: calc(100vh - 61px);
}
/* _content/DagoniteEmpire/Pages/CharacterPages/CharacterUpsert.razor.rz.scp.css */
.page[b-20voe8lj4f] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display:flex;
    justify-content: space-around;
}

.border[b-20voe8lj4f] {
    border: 1px solid rgb(72, 69, 69);
    border-radius: 10px;
    margin: 6px;
    padding:0 6px 0 6px;
}


.save-btn[b-20voe8lj4f] {
    position: absolute;
    top: 80px;
    right: 80px;
    z-index: 1000;
}
.down[b-20voe8lj4f] {
    top: auto;
    right: 50px;
    bottom: 50px;
}

.on-top-dialog[b-20voe8lj4f]{
    z-index:10000;
}

.approved-checkbox[b-20voe8lj4f] {
    position: fixed;
    top: 120px;
    right: 80px;
    z-index: 1000;
}

.char-header[b-20voe8lj4f] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}


.bonus-cell[b-20voe8lj4f] {
    width: 20px;
}

h3[b-20voe8lj4f] {
    color: black;
    font-family: 'Eagle Lake', serif;
}

.bonus-row[b-20voe8lj4f] {
    width: 18px;
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}
.sum-row[b-20voe8lj4f] {
    width: 14px;
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}
.name-row[b-20voe8lj4f] {
    font-size: 13px;
    width: 40px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}

.char-title[b-20voe8lj4f]{
    text-transform:uppercase;
}


td[b-20voe8lj4f] {
    font-size: 16px;
    padding: 1px;
    margin: 0px;
}

.names-label[b-20voe8lj4f]{
    font-size: 13px;
    text-align:left;
    font-weight:bold;
    text-anchor: start;
}

[b-20voe8lj4f] .bonus-control {
    font-size: 12px;
    width: 50px;
    text-align: center;
    margin-left: 0px;
    padding: 4px 0px 4px 0px;
}

.description[b-20voe8lj4f] {
    display: flex;
    flex-direction: column;
    width: 437px;
    position: relative;
}


.sheet-img[b-20voe8lj4f] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -10;
}

.stretch[b-20voe8lj4f] {
    width: 100%;
    height: 100%;
    z-index: -20;
}


.portrait-input[b-20voe8lj4f] {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
    bottom: 0;
    overflow: hidden;
    white-space: nowrap; /* Don't forget this one */
    text-overflow: ellipsis;
    z-index: 1000;
}
.sr-only[b-20voe8lj4f] {
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.input-label[b-20voe8lj4f] {
    position:absolute;
    width: 250px;
    height: 300px;
    padding: 30px;
    text-align: center;
    align-content:center;
    background-color: transparent;
    color: black;
    border: none;/* 1px solid RGB(206 212 218);*/
    border-radius: 10px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    top: 110px;
    left: 0;
    right: 0;
    z-index: 1500;
}


i[b-20voe8lj4f] {
    transition: transform 0.1s;
}
i:hover[b-20voe8lj4f]{
    transform:scale(1.2)
}
i:active[b-20voe8lj4f] {
    transform: scale(0.9)
}




[b-20voe8lj4f] .points-avalible {
    width: 100px;
    text-align: right;
}

.attribute .attr-control[b-20voe8lj4f] {
    padding: 2px 0 2px 0;

}

.attribute .name-row[b-20voe8lj4f] {
    border: 0px solid black;
    padding: 2px;
    letter-spacing: 1px;
}


.attribute td[b-20voe8lj4f] {
    padding: 2px;
}


.attribute .names-label[b-20voe8lj4f] {
    width: 100%;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    text-anchor: start;
}

/*arrows*/
.attr-control[b-20voe8lj4f] {
    display: flex;
    flex-direction: row;
    width: 40px;
    height: 30px;
    justify-items: right;
    align-items: center
}
.attr-indicator[b-20voe8lj4f] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid gray;
    font-size: 12px;
    border-radius: 4px;
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-right: 2px;
}
.arrows[b-20voe8lj4f] {
    display: grid;
    padding: 0px;
    margin: 0px;
    margin-top: 2px;
}

.attr-carret[b-20voe8lj4f] {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-top: 0px;
    height: 18px;
    width: 18px;
    font-size: 18px;
    color: dimgray;
    border: 0px solid gray;
    background-color: transparent;
    text-align: start;
}


.specialskills[b-20voe8lj4f] {
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    padding:0px;
}

.specialskills-table[b-20voe8lj4f]{
    position:relative;
    width: 460px;
    padding: 10px;
    margin: 4px;
    border-radius: 6px;
}

.specialskills-control[b-20voe8lj4f] {
    display: flex;
    flex-direction: row;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 50px;
    font-weight: bold;
    justify-items: left;
    align-items: center;
    text-transform: uppercase;
}
.specialskills-label[b-20voe8lj4f] {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Eagle Lake', serif;
    flex: 8;
}

.specialskills-indicator[b-20voe8lj4f] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid gray;
    font-size: 20px;
    font-weight: bold;
    border-radius: 4px;
    width: 55px;
    height: 40px;
    margin-right: 8px;
    flex: 1;
}


.specialskills-table table[b-20voe8lj4f] {
    table-layout: fixed;

}

.specialskills-table .skillname-row[b-20voe8lj4f] {
    width: 40px;
}
.specialskills-table .names-label[b-20voe8lj4f] {
    width: 60px;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    text-anchor: start;
}
.specialskills-names-input[b-20voe8lj4f] {
    width: 60px;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    text-anchor: start;
    border: 1px solid gray;
    border-radius: 5px;
}

.add-skill[b-20voe8lj4f] {
    background-color: transparent;
    border: 1px solid black;
    border-radius: 3px;
}


.attr-control[b-20voe8lj4f] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-items: right;
    justify-content: center;
    align-items: center;
}



.rel-attr-row[b-20voe8lj4f] {
    width: 30px;
    padding:2px;
    text-align:center;
    font-size: 13px;
}

.attr-mod-row[b-20voe8lj4f] {
    width: 14px;
    font-size: 13px;
    padding:2px;
}

.attribute-selector[b-20voe8lj4f] {
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    width: 100%;
}


.traits[b-20voe8lj4f] {
    width: 437px;
    position: relative;
    min-height:500px;
    max-height:700px;
}
.trait-container[b-20voe8lj4f] {
    padding: 0;
    width: 100%;
    height: calc(100% - 64px);
    display: flex;
    flex-direction: column;
    align-items: center;
}
/*
.races {
    width: 450px;
    position: relative;
}

.profession {
    width: 430px;
    position: relative;
}
*/
.equipment[b-20voe8lj4f] {
    width: 437px;
    min-height: 500px;
    max-height: 700px;
    position: relative;
}

.specialskills .name-row[b-20voe8lj4f] {
    display: none;
}

.specialskills .skillname-row[b-20voe8lj4f] {/*
    display: inline-block;
    font-size: 13px;
    width: 40px;*/
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}

.specialskills .names-label[b-20voe8lj4f] {
    width: 100%;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    text-anchor: start;
}

.specialskills .name-td-big[b-20voe8lj4f] {
}
.specialskills .name-td-small[b-20voe8lj4f] {
    display: none;
}

.table tr th[b-20voe8lj4f] {
    /*border-bottom: 1px solid black; */
}

.table tr td[b-20voe8lj4f] {
    /* border-bottom: 1px solid black;*/
}

table[b-20voe8lj4f]
{
    table-layout: fixed;
}

.date[b-20voe8lj4f]{
    min-width: 200px;
}





@media (max-width: 400px) {
    .specialskills-table .skillname-row[b-20voe8lj4f] {
        display: none;
    }

    .specialskills .name-td-big[b-20voe8lj4f] {
        display: none;
        border: 0px solid black;
    }

    .specialskills .name-tr-small[b-20voe8lj4f] {
        display: block;
        width: 100%;
    }

    .specialskills .name-td-small[b-20voe8lj4f] {
        display: block;
        width: 250px;
        border: 0px solid black;
    }

    .e-dialog[b-20voe8lj4f] {
        width: 100% !important;
    }
    
}



/* _content/DagoniteEmpire/Pages/CharacterPages/EquipmentPage.razor.rz.scp.css */
.equipment[b-xxs1689991] {
    width: 450px;
    height: 95vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    padding:8px;
}

.stretch[b-xxs1689991] {
    width: 100%;

    z-index: -20;
}

.sheet-img[b-xxs1689991] {
    width: 800px;
    height: 100%;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 10;
}
.item-placement[b-xxs1689991] {
    width: 800px;
}

.input[b-xxs1689991] {
    position: absolute;
    width: 140px;
    z-index: 50;
    transform: translate(0, -50%);
}
.on-top-dialog[b-xxs1689991] {
    z-index: 10000;
}

.weapon[b-xxs1689991] {
}

.set-label[b-xxs1689991] {
    font-weight: bold;
    width: 100%;
    align-items: center;
    text-align: center;
    padding-top: 4px;
    padding-left: 2px;
}

.save-btn[b-xxs1689991] {
    position: absolute;
    top: 80px;
    right: 80px;
    z-index: 1000;
}
.down[b-xxs1689991] {
    top: auto;
    right: 50px;
    bottom: 50px;
}

.headgear[b-xxs1689991] {
    right: 8%;
    top: 6%;
}

.face[b-xxs1689991] {
    left: 8%;
    top: 6%;
}
.throat[b-xxs1689991] {
    left: 8%;
    top: 16%;
}
.body[b-xxs1689991] {
    left: 8%;
    top: 36%;
}
.hands[b-xxs1689991] {
    left: 8%;
    top: 53%;
}
.waist[b-xxs1689991] {
    left: 8%;
    top: 67%;
}
.feet[b-xxs1689991] {
    left: 8%;
    top: 82%;
}

.shoulders[b-xxs1689991] {
    right: 8%;
    top: 19%;
}
.torso[b-xxs1689991] {
    right: 8%;
    top: 38%;
}
.arms[b-xxs1689991] {
    right: 8%;
    top: 59%;
}
.ring1[b-xxs1689991] {
    right: 8%;
    top: 75%;
}
.ring2[b-xxs1689991] {
    right: 8%;
    top: 81%;
}
/* _content/DagoniteEmpire/Pages/CharacterPages/HealthPage.razor.rz.scp.css */


.save-btn[b-hicokdvrb6] {
    position: absolute;
    top: 80px;
    right: 80px;
    z-index: 1000;
}
.down[b-hicokdvrb6] {
    top: auto;
    right: 50px;
    bottom: 50px;
}
.header-grid[b-hicokdvrb6] {
    font-weight: bold;
    padding: 4px;
    text-align: center;
    justify-content: left;
}
.on-top-dialog[b-hicokdvrb6] {
    z-index: 10000;
}
/* _content/DagoniteEmpire/Pages/CharacterPages/ProfessionPage.razor.rz.scp.css */
body[b-a09kgelswj] {
}

.save-btn[b-a09kgelswj] {
    position: absolute;
    top: 80px;
    right: 80px;
    z-index: 1000;
}
.on-top-dialog[b-a09kgelswj] {
    z-index: 10000;
}

.down[b-a09kgelswj] {
    top: auto;
    right: 50px;
    bottom: 50px;
}
.main-table[b-a09kgelswj] {
    display: flex;
    flex-direction: column;
}

.bonuses-columns[b-a09kgelswj] {
    display: flex;
    flex-direction: row;
}

.bonus-name[b-a09kgelswj] {
    padding: 5px 5px 5px 0px;
}

.bonus-descr[b-a09kgelswj] {
    padding: 5px 5px 5px 0px;
}

.bonus-cell[b-a09kgelswj] {
    width: 33.3%;
    padding: 5px 5px 5px 0px;
}

.bonus-double-cell[b-a09kgelswj] {
    width: 100;
    /*padding: 5px 5px 5px 0px;*/
}

.add-bonus-button[b-a09kgelswj] {
    width: 28px;
    border: 1px solid gray;
    border-radius: 3px;
    margin-top: 5px;
}

.warnign-message[b-a09kgelswj] {
    color: red;
}

.number-row[b-a09kgelswj] {
    font-size: 13px;
    width: 45px;
    text-align: center;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}
.action-row[b-a09kgelswj] {
    display:flex;
    flex-direction:row;
    font-size: 18px; 
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.name-row[b-a09kgelswj] {
    font-size: 13px;
    width: 160px;
    text-align: center;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}

.descr-row[b-a09kgelswj] {
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}

.level-row[b-a09kgelswj] {
    font-size: 13px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}

td[b-a09kgelswj] {
    padding: 4px 2px;
}

.short-row[b-a09kgelswj] {
    font-size: 18px;/*
    font-weight: bold;*/
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.smaller-text[b-a09kgelswj] {
    font-size: 14px;
}

.e-richtexteditor .e-rte-toolbar .e-toolbar-multirow[b-a09kgelswj] {
    margin-left: 2px;
    margin-right: 2px;
}


.short-screen-table[b-a09kgelswj] {
    display: none;
    margin-bottom: 8px;
}

.wide-screen-table[b-a09kgelswj] {
    display: block;
    margin-bottom:8px;
}

.class-section[b-a09kgelswj] {
    padding: 10px 2px 4px 2px;
    font-size: 16px;
    font-weight: bold;
}

.column-section[b-a09kgelswj] {
    text-align: center;
    vertical-align: middle;
    padding: 10px 2px 4px 2px;
    font-size: 16px;
    font-weight: bold;
}

.e-numeric.e-style .e-control.e-numerictextbox[b-a09kgelswj] {
    font-size: 16px;
    font-weight: bold;
}

.e-control-wrapper.e-numeric.e-float-input.e-style.e-input-group .e-float-text.e-label-top[b-a09kgelswj] {
    font-size: 16px;
    font-weight: bold;
}

.rel-attr[b-a09kgelswj] {
    height: 30px;
    border: 1px solid RGB(206 212 218);
    border-radius: 4px;
}

.prof-variables[b-a09kgelswj] {
    width: 100px;
    height: 32px;
    border: 1px solid RGB(206 212 218);
    border-radius: 4px;
    padding: 2px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.spell-type[b-a09kgelswj]{
    width:200px;
}

.cell-small[b-a09kgelswj]{
    width: 100px;
    padding: 4px;
}

.dense-numeric-field .mud-input-control-input-container .mud-input .mud-input-root[b-a09kgelswj] {
    padding: 4px !important;
}

.dense-numeric-field .mud-input-control-input-container .mud-input-underline[b-a09kgelswj] {
    margin-top: 0px !important;
}

.mud-input-control  .mud-input-control-input-container .mud-input .mud-input-text[b-a09kgelswj] {
    margin-top: 0px !important;
}

.mud-input .mud-input-text .mud-input-underline .mud-shrink[b-a09kgelswj] {
    margin-top: 0px !important;
}

.dense-numeric-field .mud-input mud-input-text .mud-input-underline .mud-shrink[b-a09kgelswj] {
    margin-top: 0px !important;
}

@media (max-width: 800px) {
    .bonuses-columns[b-a09kgelswj] {
        flex-direction: column;
    }

    .bonus-cell[b-a09kgelswj] {
        width: 100%;
    }

    .bonus-double-cell[b-a09kgelswj] {
        width: 100%;
    }

    .short-screen-table[b-a09kgelswj] {
        display: block;
    }

    .wide-screen-table[b-a09kgelswj] {
        display: none;
    }

    .prof-variables[b-a09kgelswj] {
        width: 100%;
        height: 32px;
        border: 1px solid RGB(206 212 218);
        border-radius: 4px;
        padding: 2px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

    .column-section[b-a09kgelswj] {
        font-size: 13px;
        font-weight: bold;
    }

    .variables[b-a09kgelswj] {
        width: 33%;
    }
}
/* _content/DagoniteEmpire/Pages/Components/AttributeComponent.razor.rz.scp.css */
.page[b-ygys24p4no] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.border[b-ygys24p4no] {
    border: 1px solid rgb(72, 69, 69);
    border-radius: 10px;
    margin: 6px;
    padding: 0 6px 0 6px;
}

.save-btn[b-ygys24p4no] {
    position: fixed;
    top: 80px;
    right: 80px;
    z-index: 1000;
}

h3[b-ygys24p4no] {
    color: black;
    font-family: 'Eagle Lake', serif;
}

.bonus-row[b-ygys24p4no] {
    width: 18px;
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}

.sum-row[b-ygys24p4no] {
    width: 14px;
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
    overflow:hidden;
}
.info-row[b-ygys24p4no] {
    width: 8px;
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}

.name-row[b-ygys24p4no] {
    font-size: 13px;
    width: 40px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
    border: 0px solid black;
    padding: 2px;
    letter-spacing: 1px;

}


table[b-ygys24p4no] {
    table-layout: fixed;
}
.char-title[b-ygys24p4no] {
    text-transform: uppercase;
}

td[b-ygys24p4no] {
    font-size: 16px;
    padding: 1px;
    margin: 0px;
}
.add-skill[b-ygys24p4no] {
    background-color: transparent;
    border: 1px solid black;
    border-radius: 3px;
}

.rel-attr-row[b-ygys24p4no] {
    width: 30px;
    padding: 2px;
    text-align: center;
    font-size: 13px;
}

.attr-mod-row[b-ygys24p4no] {
    width: 14px;
    font-size: 13px;
    padding: 2px;
}

.attribute-selector[b-ygys24p4no] {
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    width: 100%;
}


i[b-ygys24p4no] {
    transition: transform 0.1s;
}

    i:hover[b-ygys24p4no] {
        transform: scale(1.2)
    }

    i:active[b-ygys24p4no] {
        transform: scale(0.9)
    }


.attribute td[b-ygys24p4no] {
    padding: 2px;
}

.attribute .names-label[b-ygys24p4no] {
    width: 100%;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    text-anchor: start;
}

.attr-control[b-ygys24p4no] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-items: right;
    justify-content: center;
    align-items: center;
    padding: 2px 0 2px 0;
}

.attr-indicator[b-ygys24p4no] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid gray;
    font-size: 12px;
    border-radius: 4px;
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-right: 2px;
}
.info-indicator[b-ygys24p4no] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px solid gray;
    font-size: 12px;
    width: 24px;
    height: 28px;
}

.sum-indicator[b-ygys24p4no] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px solid gray;
    font-size: 16px;
    font-weight: bold;
    width: 24px;
    height: 28px;
}

.arrows[b-ygys24p4no] {
    display: grid;
    padding: 0px;
    margin: 0px;
    margin-top: 2px;
}

.attr-carret[b-ygys24p4no] {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-top: 0px;
    height: 18px;
    width: 18px;
    font-size: 18px;
    color: dimgray;
    border: 0px solid gray;
    background-color: transparent;
    text-align: start;
}

.names-label[b-ygys24p4no] {
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    text-anchor: start;
}

.attribute[b-ygys24p4no] {
    width: 437px;
    height: 720px;
    position: relative;
    padding: 8px;
    margin: 0;
}

/* _content/DagoniteEmpire/Pages/Components/BaseSkillsComponent.razor.rz.scp.css */

.baseskills[b-wdix11dwy5] {
    width: 437px;
    height: 720px;
    position: relative;
    padding: 8px;
    margin: 0;
}


.save-btn[b-wdix11dwy5] {
    position: fixed;
    top: 80px;
    right: 80px;
    z-index: 1000;
}

h3[b-wdix11dwy5] {
    color: black;
    font-family: 'Eagle Lake', serif;
}

.bonus-row[b-wdix11dwy5] {
    width: 18px;
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}

.sum-row[b-wdix11dwy5] {
    width: 14px;
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
    overflow:hidden;
}
.info-row[b-wdix11dwy5] {
    width: 6px;
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}

.name-row[b-wdix11dwy5] {
    font-size: 13px;
    width: 40px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
    border: 0px solid black;
    padding: 2px;
    letter-spacing: 1px;

}

.info-row[b-wdix11dwy5] {
    width: 6px;
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}


table[b-wdix11dwy5] {
    table-layout: fixed;
}
.char-title[b-wdix11dwy5] {
    text-transform: uppercase;
}

td[b-wdix11dwy5] {
    font-size: 16px;
    padding: 1px;
    margin: 0px;
}


i[b-wdix11dwy5] {
    transition: transform 0.1s;
}

    i:hover[b-wdix11dwy5] {
        transform: scale(1.2)
    }

    i:active[b-wdix11dwy5] {
        transform: scale(0.9)
    }


.attr-control[b-wdix11dwy5] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-items: right;
    justify-content: center;
    align-items: center;
    padding: 2px 0 2px 0;
}

.attr-indicator[b-wdix11dwy5] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid gray;
    font-size: 12px;
    border-radius: 4px;
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-right: 2px;
}

.info-indicator[b-wdix11dwy5] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px solid gray;
    font-size: 12px;
    width: 24px;
    height: 28px;
}

.sum-indicator[b-wdix11dwy5] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px solid gray;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    height: 28px;
}

.arrows[b-wdix11dwy5] {
    display: grid;
    padding: 0px;
    margin: 0px;
    margin-top: 2px;
}

.attr-carret[b-wdix11dwy5] {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-top: 0px;
    height: 18px;
    width: 18px;
    font-size: 18px;
    color: dimgray;
    border: 0px solid gray;
    background-color: transparent;
    text-align: start;
}

.names-label[b-wdix11dwy5] {
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    text-anchor: start;
}

/* _content/DagoniteEmpire/Pages/Components/BattleStatsComponent.razor.rz.scp.css */
.battlestats[b-t58mf53kme] {
    width: 437px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 8px
}


.input[b-t58mf53kme] {
    position: absolute;
    width: 140px;
    z-index: 50;
    transform: translate(0, -50%);
}


.weapon[b-t58mf53kme] {
    margin-bottom: 2px;
}

.weapon-prop-value[b-t58mf53kme] {
    margin: 0px;
    margin-right:4px;
    font-size: 1rem;
}

.set-label[b-t58mf53kme] {
    font-weight: bold;
    width: 100%;
    align-items: center;
    text-align: center;
    padding-top: 4px;
    padding-left: 2px;
}
/* _content/DagoniteEmpire/Pages/Components/DateComponent.razor.rz.scp.css */
.date[b-x63ls8uawc]{
    width: 100%;
    height:100%;
    font-size:inherit;
}
/* _content/DagoniteEmpire/Pages/Components/EquipmentComponent.razor.rz.scp.css */
.equipment[b-q9jqbhjf56] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overscroll-behavior: contain;
}

.text-label[b-q9jqbhjf56] {
    font-size: 13px;
}
.name-label[b-q9jqbhjf56] {
    font-size: 15px;
    font-weight:bold;
}


.description-row[b-q9jqbhjf56] {
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}

.action-row[b-q9jqbhjf56] {
    font-size: 13px;
    width: 65px;
    padding: 2px;
}

.value-row[b-q9jqbhjf56]{
    font-size: 13px;
    width: 50px;
    padding: 2px;
}


.name-row[b-q9jqbhjf56] {
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}
td[b-q9jqbhjf56] {
    font-size: 16px;
    padding: 1px;
    margin: 0px;
}
h3[b-q9jqbhjf56] {
    color: black;
    font-family: 'Eagle Lake', serif;
}
.sheet-img[b-q9jqbhjf56] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -10;
}

.stretch[b-q9jqbhjf56] {
    width: 100%;
    height: 100%;
    z-index: -20;
}
.table-container[b-q9jqbhjf56] {
    width: 100%;
    flex: 2;
   overflow-y: auto;
    overscroll-behavior: contain;
}

table th[b-q9jqbhjf56] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color:white;
}

.carret[b-q9jqbhjf56] {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-top: 0px;
    height: 18px;
    width: 18px;
    font-size: 18px;
    color: dimgray;
    border: 0px solid gray;
    background-color: transparent;
    text-align: start;
}

/*arrows*/
.control[b-q9jqbhjf56] {
    display: flex;
    flex-direction: row;
    width: 50px;
    height: 30px;
    justify-items: right;
    align-items: center
}

.indicator[b-q9jqbhjf56] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid gray;
    font-size: 12px;
    border-radius: 4px;
    width: 100%;
    height: 28px;
    margin-top: 0px;
    margin-right: 2px;
}
.arrows[b-q9jqbhjf56] {
    display: grid;
    padding: 0px;
    margin: 0px;
    margin-top: 2px;
}

.nobottomborder[b-q9jqbhjf56] {
    border: 0px solid black;
}



.add-trait[b-q9jqbhjf56] {
    border: 1px solid darkgray;
    border-radius: 6px;
    width: 120px;
    height: 32px;
    margin: 5px 5px 10px 5px;
    background-color: transparent; /*
    background-image: url('../images/buttonFrame1.png');*/
    position: relative;
    background-size: cover;
    background-position: center;
    font-weight: bold;
    font-size: 14px;
    transition: transform 0.1s;
}

    .add-trait:hover[b-q9jqbhjf56] {
        transform: scale(1.1)
    }

.btn-small[b-q9jqbhjf56] {
    width: 30px;
    height: 30px;
    border: 1px solid darkgray;
    border-radius: 4px;
    padding: 1px;
    margin: 1px;
}

.table tr th[b-q9jqbhjf56] {
    /*border-bottom: 1px solid black;*/
}

.table tr td[b-q9jqbhjf56] {
    /*border-bottom: 1px solid black;*/ 
}
/* _content/DagoniteEmpire/Pages/Components/PanelCharacterComponent.razor.rz.scp.css */


.weapon-prop-value[b-x1a427cf68]{
    padding-right:12px;
    display: inline-block;
}
.weapon-prop-label[b-x1a427cf68] {
    padding-right: 12px;
    display: inline-block;
}

.image-frame[b-x1a427cf68] {
    position: relative;
    width:80px;
    height: 100%;
}

.image-cover[b-x1a427cf68] {
    position: absolute;
    left: 0;
    top: 0;
    z-index:1000;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column-reverse;
}


.image-Icon[b-x1a427cf68] {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2002;;
}
/* _content/DagoniteEmpire/Pages/Components/PortraitComponent.razor.rz.scp.css */
.portrait[b-1242z1siqt] {
    width: 437px;
    position: relative;
    padding: 8px;
}
.portrait-relative[b-1242z1siqt]{
    width:100%;
    height:100%;
    padding:0;
    position:relative;
}

.portrait-imageframe[b-1242z1siqt] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 500px;
    font-size: 12px;
    overflow: hidden;
    align-content: center;
}

.portrait-image[b-1242z1siqt] {
    display: flex;
    height: 100%;
    width: auto;
    border: 0px solid white;
}

.input-label[b-1242z1siqt] {
    position: absolute;
    width: 250px;
    height: 300px;
    padding: 30px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    align-content: center;
    background-color: transparent;
    color: black;
    border: none; /* 1px solid RGB(206 212 218);*/
    border-radius: 10px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    top: 165px;
    left: 0;
    right: 0;
    z-index: 500;
}

.points-control[b-1242z1siqt] {
    display: flex;
    flex-direction: row;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 50px;
    font-weight: bold;
    justify-items: left;
    align-items: center
}

.points-indicator[b-1242z1siqt] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid gray;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    width: 55px;
    height: 40px;
    margin-right: 2px;
}

.points-label[b-1242z1siqt] {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    width: 80%;
}

h3[b-1242z1siqt] {
    color: black;
    font-family: 'Eagle Lake', serif;
}
/* _content/DagoniteEmpire/Pages/Components/ProfessionComponent.razor.rz.scp.css */
.profession[b-kt6fr2bq5s] {
    width: 437px;
    min-height: 500px;
    position: relative;
    padding: 8px;
    margin: 0;
}

.profession-container[b-kt6fr2bq5s] {
    margin: 0;
    padding:0;
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.description-row[b-kt6fr2bq5s] {
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}

.name-row[b-kt6fr2bq5s] {
    font-size: 16px;
    width: 40px;
    text-align: center;
    padding: 5px;
    vertical-align: middle;
}
td[b-kt6fr2bq5s] {
    font-size: 16px;
    padding: 1px;
    margin: 0px;
    text-align: center;
}

.name-label[b-kt6fr2bq5s] {
    text-align: center;
    font-size: 16px;
}
.prof-name-label[b-kt6fr2bq5s]{

}

h3[b-kt6fr2bq5s] {
    color: black;
    font-family: 'Eagle Lake', serif;
}

.sheet-img[b-kt6fr2bq5s] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -10;
}

.stretch[b-kt6fr2bq5s] {
    width: 100%;
    height: 100%;
    z-index: -20;
}

.add-trait[b-kt6fr2bq5s] {
    border: 1px solid darkgray;
    border-radius: 6px;
    width: 120px;
    height: 32px;
    margin: 5px 5px 10px 5px;
    background-color: transparent; /*
    background-image: url('../images/buttonFrame1.png');*/
    position: relative;
    background-size: cover;
    background-position: center;
    font-weight: bold;
    font-size: 14px;
    transition: transform 0.1s;
}
.add-trait:hover[b-kt6fr2bq5s] {
    transform: scale(1.1)
}

.image-btn[b-kt6fr2bq5s] {
    height: 34px;
    width: 104px;
}

.richtext-conteiner[b-kt6fr2bq5s] {
    width: 100%;
    flex:2;
}


.prof-descr-label[b-kt6fr2bq5s] {
    width: 100%;
    padding: 2px 0px 2px 0px;
}

.table tr th[b-kt6fr2bq5s] {
    /*border-bottom: 1px solid black;*/
}

.table tr td[b-kt6fr2bq5s] {
   /* border-bottom: 1px solid black; */
}
/* _content/DagoniteEmpire/Pages/Components/RaceComponent.razor.rz.scp.css */
.race[b-avyz6l0tbk] {
    width: 437px;
    min-height: 500px;
    position: relative;
    padding: 8px;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 13px;
}

    .races .name-row[b-avyz6l0tbk] {
        width: 80px;
    }

    .races .name-label[b-avyz6l0tbk] {
        font-size: 13px;
    }

.description-row[b-avyz6l0tbk] {
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}

.action-row[b-avyz6l0tbk] {
    font-size: 13px;
    width: 65px;
    padding: 2px;
}

.trait-value-row[b-avyz6l0tbk] {
    font-size: 13px;
    width: 50px;
    padding: 2px;
}

.add-trait[b-avyz6l0tbk] {
    border: 1px solid gray;
    border-radius: 3px;
    font-size: 14px;
}
.name-row[b-avyz6l0tbk] {
    font-size: 13px;
    width: 40px;
    text-align: left;
    padding: 5px;
    vertical-align: middle;
}
td[b-avyz6l0tbk] {
    font-size: 16px;
    padding: 1px;
    margin: 0px;
}
h3[b-avyz6l0tbk] {
    color: black;
    font-family: 'Eagle Lake', serif;
}
.sheet-img[b-avyz6l0tbk] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -10;
}

.stretch[b-avyz6l0tbk] {
    width: 100%;
    height: 100%;
    z-index: -20;
}
.richtext-conteiner[b-avyz6l0tbk] {
    max-height:200px;
    width: 100%;
    flex: 2;
}

.flex-conteiner[b-avyz6l0tbk] {
    width: 100%;
    flex: 2;
    overflow-y: auto;
    font-size: 13px;
}

.race-descr-label[b-avyz6l0tbk] {
    padding: 2px 0px 2px 0px;
    font-weight: bold;
    width: 100%;
}
.race-traits-label[b-avyz6l0tbk] {
    padding: 2px 0px 2px 0px;
    font-weight:bold;
    width: 100%;
}

.add-trait[b-avyz6l0tbk] {
    border: 1px solid darkgray;
    border-radius: 6px;
    width: 120px;
    height: 32px;
    margin: 5px 5px 10px 5px;
    background-color: transparent; /*
    background-image: url('../images/buttonFrame1.png');*/
    position: relative;
    background-size: cover;
    background-position: center;
    font-weight: bold;
    font-size: 14px;
    transition: transform 0.1s;
}

    .add-trait:hover[b-avyz6l0tbk] {
        transform: scale(1.1)
    }

.table tr th[b-avyz6l0tbk] {
    /*border-bottom: 1px solid black;*/
}

.table tr td[b-avyz6l0tbk] {
    font-size: 13px;
}
/* _content/DagoniteEmpire/Pages/Components/SpecialSkillsComponent.razor.rz.scp.css */

table[b-6q4xhzqzio] {
    table-layout: fixed;
}
.specialskills-table[b-6q4xhzqzio] {
    position: relative;
    width: 437px;
    padding: 4px;
    border-radius: 6px;
}


.specialskills-control[b-6q4xhzqzio] {
    display: flex;
    flex-direction: row;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 50px;
    font-weight: bold;
    justify-items: left;
    align-items: center;
    text-transform: uppercase;
}

.specialskills-label[b-6q4xhzqzio] {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Eagle Lake', serif;
    flex: 8;
}

.specialskills-indicator[b-6q4xhzqzio] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid gray;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
    width: 50px;
    height: 40px;
    margin-right: 8px;
    flex: 1;
}


 table[b-6q4xhzqzio] {
    table-layout: fixed;
}

.add-skill[b-6q4xhzqzio] {
    background-color: transparent;
    border: 1px solid black;
    border-radius: 3px;
    width:20px;
    height:20px;
}


.attr-control[b-6q4xhzqzio] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.rel-attr-row[b-6q4xhzqzio] {
    width: 26px;
    padding: 2px;
    text-align: center;
    font-size: 12px;
}


.attribute-selector[b-6q4xhzqzio] {
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    width: 100%;
}



h3[b-6q4xhzqzio] {
    color: black;
    font-family: 'Eagle Lake', serif;
}

.bonus-row[b-6q4xhzqzio] {
    width: 16px;
    font-size: 12px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}

.sum-row[b-6q4xhzqzio] {
    width: 12px;
    font-size: 12px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}
.info-row[b-6q4xhzqzio] {
    width: 6px;
    font-size: 12px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}

.name-row[b-6q4xhzqzio] {
    display: none;
    font-size: 12px;
    width: 40px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}


td[b-6q4xhzqzio] {
    font-size: 14px;
    padding: 1px;
    margin: 0px;
}



i[b-6q4xhzqzio] {
    transition: transform 0.1s;
}

i:hover[b-6q4xhzqzio] {
    transform: scale(1.2)
}

i:active[b-6q4xhzqzio] {
    transform: scale(0.9)
}

.attr-indicator[b-6q4xhzqzio] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid gray;
    font-size: 12px;
    border-radius: 4px;
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-right: 2px;
}
.info-indicator[b-6q4xhzqzio] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px solid gray;
    font-size: 12px;
    width: 24px;
    height: 28px;
}

.sum-indicator[b-6q4xhzqzio] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px solid gray;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    height: 28px;
}

.arrows[b-6q4xhzqzio] {
    display: grid;
    padding: 0px;
    margin: 0px;
    margin-top: 2px;
}

.attr-carret[b-6q4xhzqzio] {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-top: 0px;
    height: 18px;
    width: 18px;
    font-size: 18px;
    color: dimgray;
    border: 0px solid gray;
    background-color: transparent;
    text-align: start;
}


.skillname-row[b-6q4xhzqzio] {
    width: 35px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
    font-size: 12px;
}

 .names-label[b-6q4xhzqzio] {
    width: 100%;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    text-anchor: start;
}

 .name-td-big[b-6q4xhzqzio] {
}

 .name-td-small[b-6q4xhzqzio] {
    display: none;
}


@media (max-width: 400px) {
    .specialskills-table .skillname-row[b-6q4xhzqzio] {
        display: none;
    }

    .specialskills .name-td-big[b-6q4xhzqzio] {
        display: none;
        border: 0px solid black;
    }

    .specialskills .name-tr-small[b-6q4xhzqzio] {
        display: block;
        width: 100%;
    }

    .specialskills .name-td-small[b-6q4xhzqzio] {
        display: block;
        width: 250px;
        border: 0px solid black;
    }

    .e-dialog[b-6q4xhzqzio] {
        width: 100% !important;
    }
}


/* _content/DagoniteEmpire/Pages/Components/TraitsComponent.razor.rz.scp.css */
.traits[b-7wesnlq8cw] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overscroll-behavior: contain;
}

    .traits .name-row[b-7wesnlq8cw] {
        width: 80px;
    }

    .traits .name-label[b-7wesnlq8cw] {
        font-size: 13px;
    }

.description-row[b-7wesnlq8cw] {
    font-size: 13px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}

.action-row[b-7wesnlq8cw] {
    font-size: 13px;
    width: 65px;
    padding: 2px;
    vertical-align: middle;
}

.trait-value-row[b-7wesnlq8cw] {
    font-size: 13px;
    width: 50px;
    padding: 2px;
    vertical-align: middle;
}

.add-trait[b-7wesnlq8cw] {
    border: 1px solid darkgray;
    border-radius: 6px;
    width: 120px;
    height: 40px;
    margin: 5px 5px 10px 5px;
    background-color: transparent; /*
    background-image: url('../images/buttonFrame1.png');*/
    position: relative;
    background-size: cover;
    background-position: center;
    font-weight: bold;
    font-size: 14px;
    transition: transform 0.1s;
}

.btn-small[b-7wesnlq8cw]{
    width:30px;
    height:30px;
    border: 1px solid darkgray;
    border-radius:4px;
    padding:1px;
    margin:1px;
}

.add-trait:hover[b-7wesnlq8cw] {
    transform: scale(1.1)
}
.name-row[b-7wesnlq8cw] {
    font-size: 13px;
    width: 40px;
    text-align: left;
    padding: 5px;
    vertical-align: middle;
}
td[b-7wesnlq8cw] {
    font-size: 16px;
    padding: 1px;
    margin: 0px;
}
.balance[b-7wesnlq8cw]{
    font-weight:bold;
    font-size:16px;
    padding-right:35px;
    text-align:end;
}

.table-container[b-7wesnlq8cw] {
    width: 100%;
    height: 100%;
    flex: 2;
    overflow-y: scroll;
    overscroll-behavior: contain;
}

.buttons-row[b-7wesnlq8cw] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.table tr th[b-7wesnlq8cw] {
   /* border-bottom: 1px solid black; */
}

.table tr td[b-7wesnlq8cw] {
   /* border-bottom: 1px solid black; */
}
/* _content/DagoniteEmpire/Pages/Dialogs/CharDescriptionDialog.razor.rz.scp.css */
body[b-u40gw5a7a9] {
}

.description-frame[b-u40gw5a7a9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px;
    height: 100%;
    padding: 0;
    z-index: 1002;
}
.descr-container[b-u40gw5a7a9] {
    width: 100%;
    flex-grow:1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.description-richtext[b-u40gw5a7a9] {
    width: 100%;
    flex: 2;
    padding: 0;
    margin: 0;
    min-height: 400px;
}

h3[b-u40gw5a7a9] {
    color: black;
    font-family: 'Eagle Lake', serif;
}

.sheet-img[b-u40gw5a7a9] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -10;
}

.stretch[b-u40gw5a7a9] {
    width: 100%;
    height: 100%;
    z-index: -20;
}

.add-trait[b-u40gw5a7a9] {
    border: 1px solid darkgray;
    border-radius: 6px;
    width: 120px;
    height: 32px;
    margin: 5px 5px 10px 5px;
    background-color: transparent; /*
    background-image: url('../images/buttonFrame1.png');*/
    position: relative;
    background-size: cover;
    background-position: center;
    font-weight: bold;
    font-size: 14px;
    transition: transform 0.1s;
}



    .add-trait:hover[b-u40gw5a7a9] {
        transform: scale(1.1)
    }
/* _content/DagoniteEmpire/Pages/Dialogs/CreateEquipmentSlotDialog.razor.rz.scp.css */
body[b-g8nbolhbie] {
}

.main-table[b-g8nbolhbie] {
    display: flex;
    flex-direction: column;
}

.bonuses-columns[b-g8nbolhbie]{
    display:flex;
    flex-direction:row;

}

.bonus-name[b-g8nbolhbie] {
    padding: 5px 5px 5px 0px;
}
.bonus-descr[b-g8nbolhbie] {
    padding: 5px 5px 5px 0px;
}

.bonus-cell[b-g8nbolhbie] {
    width: 33.3%;
    padding: 5px 5px 5px 0px;
}
.bonus-double-cell[b-g8nbolhbie] {
    width: 66.6%;
    padding: 5px 5px 5px 0px;
}

.add-bonus-button[b-g8nbolhbie] {
    width: 28px;
    height: 28px;
    padding: 4px 0px;
    border: 1px solid gray;
    border-radius: 3px;
    margin-top: 5px;
}

.warnign-message[b-g8nbolhbie]{
    color: red;
}


.short-screen-table[b-g8nbolhbie] {
    display: none;
}

.wide-screen-table[b-g8nbolhbie] {
    display: block;
}



@media (max-width: 600px) {

    .short-screen-table[b-g8nbolhbie] {
        display: block;
    }

    .wide-screen-table[b-g8nbolhbie] {
        display: none;
    }
    .bonuses-columns[b-g8nbolhbie] {
        flex-direction: column;
    }
    .bonus-cell[b-g8nbolhbie] {
        width: 100%;
    }
    .bonus-double-cell[b-g8nbolhbie] {
        width: 100%;
    }
}
/* _content/DagoniteEmpire/Pages/Dialogs/CreateMobDialog.razor.rz.scp.css */
.portrait-relative[b-c4hq44pe81] {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
}
.portrait-imageframe[b-c4hq44pe81] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 300px;
    font-size: 12px;
    overflow: hidden;
    align-content: center;
}

.portrait-image[b-c4hq44pe81] {
    display: flex;
    height:100%;
    width: auto;
    border: 0px solid white;
}

.input-label[b-c4hq44pe81] {
    position: absolute;
    width: 250px;
    height: 300px;
    padding: 30px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    align-content: center;
    background-color: transparent;
    color: black;
    border: none; /* 1px solid RGB(206 212 218);*/
    border-radius: 10px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    top: 4px;
    left: 0;
    right: 0;
    z-index: 1500;
}
/* _content/DagoniteEmpire/Pages/Dialogs/CreateProfessionDialog.razor.rz.scp.css */
body[b-3q0v62user] {
}

.main-table[b-3q0v62user] {
    display: flex;
    flex-direction: column;
}

.bonuses-columns[b-3q0v62user]{
    display:flex;
    flex-direction:row;

}

.bonus-name[b-3q0v62user] {
    padding: 5px 5px 5px 0px;
}
.bonus-descr[b-3q0v62user] {
    padding: 5px 5px 5px 0px;
}

.bonus-cell[b-3q0v62user] {
    width: 33.3%;
    padding: 5px 5px 5px 0px;
}
.bonus-double-cell[b-3q0v62user] {
    width: 100;
    /*padding: 5px 5px 5px 0px;*/
}

.add-bonus-button[b-3q0v62user] {
    width: 28px;
    border: 1px solid gray;
    border-radius: 3px;
    margin-top: 5px;
}

.warnign-message[b-3q0v62user]{
    color: red;
}

.number-row[b-3q0v62user] {
    font-size: 13px;
    width: 60px;
    text-align: center;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}
.name-row[b-3q0v62user] {
    font-size: 13px;
    width: 160px;
    text-align: center;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}

.descr-row[b-3q0v62user] {
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}
.level-row[b-3q0v62user] {
    font-size: 13px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    padding-left:2px;
    padding-right:2px;
}

td[b-3q0v62user] {
    padding: 4px 2px;
}

.short-row[b-3q0v62user]{
    font-size:18px;
    font-weight:bold;
    width:100%;
    text-align:center;
    vertical-align: middle;
}

.e-richtexteditor .e-rte-toolbar .e-toolbar-multirow[b-3q0v62user]{
    margin-left: 2px;
    margin-right: 2px;
}


.short-screen-table[b-3q0v62user] {
    display: none;
}
.wide-screen-table[b-3q0v62user] {
    display: block;
}

.class-section[b-3q0v62user] {
    padding: 10px 2px 4px 2px;
    font-size: 16px;
    font-weight: bold;
}

.column-section[b-3q0v62user] {
    text-align: center;
    vertical-align: middle;
    padding: 10px 2px 4px 2px;
    font-size: 16px;
    font-weight: bold;
}

.e-numeric.e-style .e-control.e-numerictextbox[b-3q0v62user] {

    font-size: 16px;
    font-weight: bold;
}

.e-control-wrapper.e-numeric.e-float-input.e-style.e-input-group .e-float-text.e-label-top[b-3q0v62user] {
    font-size: 16px;
    font-weight: bold;
}

.rel-attr[b-3q0v62user] {
    height: 30px;
    border: 1px solid RGB(206 212 218);
    border-radius: 4px;
}

.prof-variables[b-3q0v62user] {
    width: 100px;
    height: 32px;
    border: 1px solid RGB(206 212 218);
    border-radius: 4px;
    padding: 2px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}


@media (max-width: 800px) {
    .bonuses-columns[b-3q0v62user] {
        flex-direction: column;
    }
    .bonus-cell[b-3q0v62user] {
        width: 100%;
    }
    .bonus-double-cell[b-3q0v62user] {
        width: 100%;
    }
    .short-screen-table[b-3q0v62user] {
        display: block;
    }
    .wide-screen-table[b-3q0v62user] {
        display: none;
    }
    .prof-variables[b-3q0v62user] {
        width: 100%;
        height: 32px;
        border: 1px solid RGB(206 212 218);
        border-radius: 4px;
        padding: 2px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }
    .column-section[b-3q0v62user] {
        font-size: 13px;
        font-weight: bold;
    }
    .variables[b-3q0v62user]{
        width:33%;
    }
}
/* _content/DagoniteEmpire/Pages/Dialogs/CreateProfessionSkillDialog.razor.rz.scp.css */
body[b-si6yh2u444] {
}

.main-table[b-si6yh2u444] {
    display: flex;
    flex-direction: column;
}

.bonuses-columns[b-si6yh2u444] {
    display: flex;
    flex-direction: row;
}

.bonus-name[b-si6yh2u444] {
    padding: 5px 5px 5px 0px;
}

.bonus-descr[b-si6yh2u444] {
    padding: 5px 5px 5px 0px;
}

.bonus-cell[b-si6yh2u444] {
    width: 33.3%;
    padding: 5px 5px 5px 0px;
}

.bonus-double-cell[b-si6yh2u444] {
    width: 66.6%;
    padding: 5px 5px 5px 0px;
}

.add-bonus-button[b-si6yh2u444] {
    width: 24px;
    height: 24px;
    border: 1px solid gray;
    border-radius: 3px;
    margin-top: 4px;
    margin-right: 4px;
}

.warnign-message[b-si6yh2u444] {
    color: red;
}



@media (max-width: 400px) {
    .bonuses-columns[b-si6yh2u444] {
        flex-direction: column;
    }

    .bonus-cell[b-si6yh2u444] {
        width: 100%;
    }

    .bonus-double-cell[b-si6yh2u444] {
        width: 100%;
    }

    .e-dialog[b-si6yh2u444] {
        width: 100% !important;
    }
}
/* _content/DagoniteEmpire/Pages/Dialogs/CreateTraitDialog.razor.rz.scp.css */
body[b-02r00lp4gy] {
}

.main-table[b-02r00lp4gy] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.bonuses-columns[b-02r00lp4gy] {
    display: flex;
    flex-direction: row;
}

.bonus-name[b-02r00lp4gy] {
    padding: 5px 5px 5px 0px;
}

.bonus-descr[b-02r00lp4gy] {
    padding: 5px 5px 5px 0px;
}

.bonus-cell[b-02r00lp4gy] {
    width: 33.3%;
    padding: 5px 5px 5px 0px;
}

.bonus-double-cell[b-02r00lp4gy] {
    width: 66.6%;
    padding: 5px 5px 5px 0px;
}

.add-bonus-button[b-02r00lp4gy] {
    width: 24px;
    height: 24px;
    border: 1px solid gray;
    border-radius: 3px;
    margin-top: 4px;
    margin-right: 4px;
}

.warnign-message[b-02r00lp4gy] {
    color: red;
}



@media (max-width: 500px) {
    .bonuses-columns[b-02r00lp4gy] {
        flex-direction: column;
    }

    .bonus-cell[b-02r00lp4gy] {
        width: 100%;
    }

    .bonus-double-cell[b-02r00lp4gy] {
        width: 100%;
    }

    .e-dialog[b-02r00lp4gy] {
        width: 100% !important;
    }
}
/* _content/DagoniteEmpire/Pages/Dialogs/ExistingEquipmentSelectDialog.razor.rz.scp.css */
/* _content/DagoniteEmpire/Pages/Dialogs/ExistingTraitDialog.razor.rz.scp.css */
body[b-4277h28n2h] {
}

.main-table[b-4277h28n2h] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
/* _content/DagoniteEmpire/Pages/Dialogs/WealthRecordsDialog.razor.rz.scp.css */
/* _content/DagoniteEmpire/Pages/Index.razor.rz.scp.css */
div[b-8mnk6c0v25] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*[b-8mnk6c0v25] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

h1[b-8mnk6c0v25] {
    font-family: 'Eagle Lake', serif;
    text-shadow: 8px 8px 6px black;
}

.hero-img[b-8mnk6c0v25] {
    position: relative;
    height: calc(100vh - 64px);
    background-image: url('../images/EastMarchy_header.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: white;
    z-index: 0;
    margin: 0;
    padding: 0;
}

.blue-text[b-8mnk6c0v25] {
    color: darkgoldenrod;/*
    text-shadow: 5px 5px 20px rgb(0, 0, 0);*/
}

.text[b-8mnk6c0v25]{

}

.hero-shadow[b-8mnk6c0v25] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.4);
    z-index: -5;
}

.hero-text[b-8mnk6c0v25] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.fa-chevron-down[b-8mnk6c0v25] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    font-size: 30px;
    color: $white;
}
/* _content/DagoniteEmpire/Shared/CharacterNavButtons.Razor.rz.scp.css */
.helm-icon[b-d3rwqdi638] {
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 5px;
}
.anvil-icon[b-d3rwqdi638] {
    padding-right: 2px;
    padding-left: 0px;
    padding-bottom: 6px;
}
/* _content/DagoniteEmpire/Shared/Chat.Razor.rz.scp.css */

.big-screen[b-mo7l7iqx6g] {
    padding: 0;
    margin: 0;
}

.small-screen[b-mo7l7iqx6g] {
    padding: 0;
    margin: 0;
    display: none;
}


.chatboxes[b-mo7l7iqx6g] {
    display: flex;
    flex-direction: row-reverse;
    position: fixed;
    bottom: 0;
    right: 0;
    height: 600px;
    z-index: 6000;
}

.chatbox[b-mo7l7iqx6g] {
    width: 310px;
    height: 600px;
    margin: 0 4px 0 4px;
    padding: 0;
}

.chat-show[b-mo7l7iqx6g] {
    position: fixed;
    top: 70px;
    right: 0px;
    z-index: 1000;
}

@media (max-width: 640px) {
    .chatboxes[b-mo7l7iqx6g] {
        display: none;
    }

    .small-screen[b-mo7l7iqx6g] {
        display: flex;
        flex-direction: row;
        position: fixed;
        top: 64px;
        right: 0px;
        width: calc(100% - 64px);
        height: 100vh;
        z-index: 6000;
    }
}

/* _content/DagoniteEmpire/Shared/LoadingPage.razor.rz.scp.css */
html[b-nf7ju1hhu9] {
    height: 100%;
}

body[b-nf7ju1hhu9] {
    min-height: 100%;
}

.screen[b-nf7ju1hhu9]{
    height:80vh;
}
/* _content/DagoniteEmpire/Shared/LoginDisplay.razor.rz.scp.css */
/*.text {
    display: flex;
    flex-direction: column;
    padding: 8px;
    color: white;
    text-decoration: none;
    font-size: 18px;
}

a{
    color:white;
    text-decoration:none;
}

.text{
    transition: 1s;
}

.tile {
    transition: 0.3s;
    padding:6px 4px;
}

.tile:hover {
    background-color: #444444;
}*/

.big-screen[b-3u60z7jkzj] {
    padding: 0;
    margin: 0;
}

.small-screen[b-3u60z7jkzj] {
    padding: 0;
    margin: 0;
    display: none;
    font-size: 16px;
}


@media (max-width: 1050px) {


    .big-screen[b-3u60z7jkzj] {
        display: none;
    }

    .small-screen[b-3u60z7jkzj] {
        padding: 0;
        margin: 0;
        display: block;
    }
}

.tile[b-3u60z7jkzj]{
    padding: 0;
    width:100%;
    height: 100%;
}
/* _content/DagoniteEmpire/Shared/MainLayout.razor.rz.scp.css */
.page[b-9ha19hv0v3] {
    font-family: "Open Sans", sans-serif;
    /*position:absolute;*/
}

.toggler-end-panel[b-9ha19hv0v3]{
    /*position:relative;*/

}

.big-screen[b-9ha19hv0v3] {
    padding: 0;
    margin: 0;
}

.small-screen[b-9ha19hv0v3] {
    padding: 0;
    margin: 0;
    display: none;
    font-size:16px;
}


@media (max-width: 812px) {


    .big-screen[b-9ha19hv0v3] {
        display: none;
    }

    .small-screen[b-9ha19hv0v3] {
        padding: 0;
        margin: 0;
        display: block;
    }
}

@media (max-width: 280px) {


    .big-screen[b-9ha19hv0v3] {
        display: none;
    }

    .small-screen[b-9ha19hv0v3] {
        padding: 0;
        margin: 0;
        display: block;
    }
}

.chatboxes[b-9ha19hv0v3] {
    display: flex;
    flex-direction: row-reverse;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 600px;
    z-index: 6000;
}

.chatbox[b-9ha19hv0v3] {
    width: 310px;
    height: 600px;
    margin: 0 4px 0 4px;
    padding:0;
}

/*
.mud-drawer.mud-drawer-mini {
    height: calc(100% - 168px);
}
.mud-drawer .mud-drawer-content {
    height: calc(100% - 168px);
}*/


/* _content/DagoniteEmpire/Shared/NavMenu.razor.rz.scp.css */
*[b-gnx7uo9n3a] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}



#mainbar[b-gnx7uo9n3a] {
    width:100%;
    height:100%;
    z-index:2000;
}

.navbar[b-gnx7uo9n3a] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-color: #292929;
    
}

.login-button[b-gnx7uo9n3a] {
    background-color: #6c757d;
    color: #d8dbdd;
    border: none;
    font-size: 23px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
}

nav[b-gnx7uo9n3a] {
}

.fa-bars[b-gnx7uo9n3a] {
    font-size: 30px;
}
.navbar-brand[b-gnx7uo9n3a] {
    color: #ddd;
}
.nav-link[b-gnx7uo9n3a], .navbar-nav .show > .nav-link[b-gnx7uo9n3a]  {
    color: darkGray;
    font-size: 18px;
    padding: 8px 0px 8px 0px;
}

    .nav-link:focus[b-gnx7uo9n3a], .nav-link:hover[b-gnx7uo9n3a], .navbar-nav .nav-link.active[b-gnx7uo9n3a], .navbar-nav .show > .nav-link[b-gnx7uo9n3a] {
        color: #ddd;
    }


.fa-bars[b-gnx7uo9n3a] {
    color: #ddd;
    outline: none;
    border: none;
}

.navbar-toggler.collapsed[b-gnx7uo9n3a] { /*
    border: 1px solid red;*/

    outline: none;
    border: none;
}


#login-display-big[b-gnx7uo9n3a] {
    display: none;

}
.navbar-brand[b-gnx7uo9n3a] {
    width: calc(100% - 54px);
    display: flex;
    justify-content: space-between;
    padding: 12px 0px 12px 8px;
}
#login-btn-small[b-gnx7uo9n3a] {
    flex-grow: 100;
}
.dropdown-menu.show[b-gnx7uo9n3a]{
    background-color:black;
    color:white;
}
.home-link[b-gnx7uo9n3a] {
    font-family: 'Eagle Lake', serif;
    font-size:20px;
    color: #ddd;
}

#login-display-small[b-gnx7uo9n3a] {
    display: flex;
    align-items: center;
}
    .dropdown-menu.show a[b-gnx7uo9n3a]{
    color: white;
    text-decoration: none;
}

@media (min-width: 992px) {
    #login-display-small[b-gnx7uo9n3a] {
        display: none;
    }
    #login-display-big[b-gnx7uo9n3a] {
        display: flex;
        align-items:center;
    }
    .navbar-brand[b-gnx7uo9n3a] {
        width: 210px;
        padding:8px 0px 8px 8px;
    }
    
}