/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

.oi {
    position: relative;
    top: 1px;
    display: inline-block;
    speak: none;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

header{
    position:fixed;
    left:0px;
    right:0px;
    z-index:1000000;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 100px;
  
}

header{
    
}

div.container main{
    padding-top:80px;
}

.footer {

  position: fixed;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

#divdelete {
    display: none;
    background-color: #eee;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom:0px;
    padding: 4rem;
}

#divdelete.show {
    display: block;
}

    #divdelete div.content {
        border:solid 1px #ccc;
        border-radius:3px;
        padding:3rem;
        background-color:#fafafa;
    }

    #divdelete #idTitle {
        font-weight:700;
    }

.prevscrolly {
    overflow: hidden;
}

#divdelete a {
    display: inline-block;
    width: auto;
    height: 35px;
    line-height: 35px;
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #0056b3;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    margin-right: 5px;
}

#divdelete a:hover {
    background-color: #0067d7;
    
}

.margin-auto {
    margin:auto;
}

.mainselect {
    min-width:50%;
    width:fit-content;
    margin:auto;
}

    .mainselect .row:first-child {
        border-top: solid 1px #ddd;
    }

        .mainselect .row {
        border-bottom: solid 1px #ddd;
        
        margin-left: 0;
        margin-right: 0;
        
    }
            .mainselect .row,
            .mainselect .row .col
            .mainselect .row .col a,
            .mainselect .row .col a span,
            .mainselect .row .col a span.oi {
                height: 40px;
                line-height: 40px;
            }

            .mainselect .row .col {
                margin-left: 0;
                margin-right: 0;
            }

                .mainselect .row .col a {
                    font-weight:600;
                    display: block;
                    padding-left: 2rem;
                    padding-right: 2rem;
                }

                    .mainselect .row .col a span {
                        display: inline-block;
                    }

                        .mainselect .row .col a span.oi {
                            
                            top: auto;
                            margin: auto;
                            padding: 0;
                            
                        }

                    .mainselect .row .col a:hover {
                        background-color: #0056b3;
                        color:#fff;
                    }



input[type=text].tblang {
    max-width:50px;
}

input[type=text].tbroute {
    1max-width: 550px;
    1min-width: 550px;
    1width: 550px;
    width:100%;
}

.routegrid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin-bottom: 2px;
    padding: 0px;
    align-items:center;
    margin:0px;
}

    .routegrid .col {
        width: 100%;
        padding: 1px;
        padding-top: 5px;
        padding-bottom: 5px;
        flex-grow: 1;
        height: auto;
        line-height: initial;
        background-color: #eee;
    }

    .routegrid .col:first-child {
        padding-left: 5px;
    }

    .routegrid.saved .col select,
    .routegrid.saved .col input[type=text] {
        background-color: #dffddf !important;
    }

    
    .routegrid.new .col select,
    .routegrid.new .col input[type=text] {
        background-color: #ffffca;
    }

        

        input[type=text].tbaction,
        input[type=text].tbcontroller {
            1max-width: 100px;
            width: 100%;
        }

input[type=text].tbidparameter {
    1min-width: 400px;
    1width: fit-content;
    width: 100%;
}

.routegrid .col select {
    color: initial;
    min-width: 100px;
    width: 100%;
}

.routegrid .col select.lang {
    color: initial;
    min-width: 100px;
    max-width: 50px;
}

.routegrid .col select,
.routegrid .col input[type=text] {
    height: 30px;
    line-height: 30px;
    padding: 0px;
    padding-left: 8px;
    padding-right: 8px;
    font-family:'Arial Narrow', Arial, sans-serif;
}


a.button.clickable{
    color:#ddd;
    cursor:pointer;
}

a.button.clickable:hover {
    color: #fff;
    cursor: pointer;
}

.flex-grow-2{
    flex-grow:2!important;
}

.flex-grow-3 {
    flex-grow: 3 !important;
}

.flex-grow-4 {
    flex-grow: 4 !important;
}

.flex-grow-5 {
    flex-grow: 5 !important;
}

.button.green{
    background-color:#007700;
}

.button.green:hover {
    background-color: #009900;
}

.productlist.print {

}

    .productlist.print .headline {
        font-size:larger;
        font-weight:bold;
        display:flex;
    }

    .productlist.print .itemnumber {
        font-size: smaller;
    }

    .productlist.print .attrblock {
        border-top: solid 1px #aaa;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .productlist.print .attrblock .row {
        display: flex;
        padding: 0px;
        margin: 0px;
    }

        .productlist.print .attrblock .row .col {
            font-size: 11pt;
            padding: 0px;
            margin: 0px;
            line-height: initial;
        }

        .productlist.print .attrblock .row .col span{
            line-height: initial;
        }

    .productlist.print .attrblock .row .col:first-child {
        max-width:200px;
        font-weight:bold;
        
    }

            .productlist.print .attrblock .row .col span.block {
                display:block;
            }


            .productlist.print .product {
                border:solid 1px #aaa;
                padding:8px;
                margin-bottom:3px;
                page-break-after:auto;
                page-break-before:auto;
                page-break-inside:avoid;
            }


    .productlist.print div.sku {
        width:200px;
        text-transform:capitalize;
    }

    .red{
        color:#cc0000;
    }

.green {
    color: green;
}

.black {
    color: #000;
}

textarea.listedit{
    min-width:700px;
    text-align:left;
}

table.listedit {
    
}

table.listedit tr {
    border-top:solid 10px #fff;
    
}

table.listedit tr td{
    vertical-align:top;
}

    table.listedit tr td {
        padding:5px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    table.listedit tr td:first-child {
        padding-top:20px;
    }

    table.listedit tr td input[type=text] {
        display:block;
        min-width:500px;
    }

    tr.inv {
        padding-left:1rem;
        font-weight:600;
    }

tr.inv td:first-child{
    padding-left: 1.5rem;
}

        tr.inv td span{
            display:inline-block;
            padding-right:0.5rem;
        }

div.users table tr th,
div.users table tr td {
    white-space: nowrap;
}

    tr.deliv {
        
    }

tr.deliv td:first-child {
    padding-left: 1.5rem;

}

        tr.deliv.invoice td:first-child {
            padding-left: 1.5rem;
            color:red!important;

        }
            tr.deliv td:first-child span {
                color: #777!important;
            }

        tr.deliv.invoice td:first-child span {
            color: #000 !important;
        }

        

div.currentorder{
    padding:1rem;
    border:solid 1px #eee;
    margin-bottom:0.5rem;
    background:#fafafa;
    max-width:350px;
}

div.col.mw_350 {
    max-width: 350px;
}

.row.inline,
.row.inline .col {
    line-height: inherit;
    border: none !important;
    flex-wrap: nowrap;
    
}

.row.inline input {
    line-height: inherit;
}

tr.editrow.bbb {
    background:#eee;
}

.width100percentImportant {
    max-width:100%!important;
}

.widthAll100percentImportant {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

textarea.min-height-50, .min-height-50 textarea {
    min-height: 50px;
}

form.replace{

}

form.ordersearch{

}

form.replace div.row,
form.ordersearch div.row {
    border: none !important;
    width: fit-content;
}

        form.replace div.row div.col,
        form.ordersearch div.row div.col {
            border: none;
        }

        form.replace div.row div.col input,
        form.ordersearch div.row div.col input {
            padding: 5px;
            padding-left: 10px;
            padding-right: 10px;
            height: initial;
            line-height: normal;
            border:solid 1px #ddd;
        }

            .isresend{
                font-size:large;
                line-height:20px;
                display:inline-block;
                color:#00aa00;
            }

            form.replace div.row div.col input[type=text],
            form.ordersearch div.row div.col input[type=text] {
                min-width: 400px;
            }

            form.replace div.row div.col input[type=submit],
            form.ordersearch div.row div.col input[type=submit] {
                border: solid 1px transparent;
            }
.line-height-normal{
    line-height:normal;
}

input[type=number].discount {
    max-width: 60px;
    border: solid 1px #ddd;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

input[type=number].deliveryprice {
    max-width: 75px;
    border: solid 1px #ddd;
    text-align: right;
    padding:5px;
    padding-left: 0px;
    padding-right: 0px;
}


.deliv td,
.deliv td span {
    line-height: initial !important;
}

    .deliv td span {
        display:inline-block;
    }

tr.user.editrow {
    border-top: solid 20px #fff;
    border-bottom: none;
}

tr.user.editrow.first {
    border-top: solid 0px #fff;
    border-bottom: none;
}

        tr.user.editrow td {
 border-right:solid 2px #fff;           
 background:#fafafa;
            
        }

tr.user.address {
    background: #fafafa;
    border-bottom: solid 1px #eee !important;
}

tr.estimate {
    background-color:#fcfcd0;
}

div.newattr {
    display: none;
    position: absolute;
    margin-bottom: 2rem;
    background: #ffffffe0;
    box-shadow: 0 3px 10px #555;
    padding: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    margin-left: 50%;
    transform: translate(-50%);
}

    div.newattr input[type=text] {
        margin-bottom: 2px;
        border: solid 1px #777;
    }

    div.newattr form a {
        background-color: #0056b3;
        padding:5px;
        padding-left:10px;
        padding-right:10px;
        color:#fff;
        margin-top:5px;
        display:inline-block;
        border-radius:5px;
        margin-right:5px;
    }

    div.newattr.show {
        display: block;
    }

div.jumplist {
    position: absolute;
    background: #fff;
    padding: .5rem;
    box-shadow: 0 4px 5px #ddd;
    cursor:default;
}
    div.jumplist .inner{
        display:none;
        margin:1rem;
        padding-top:.5rem;
    }

    div.jumplist:hover .inner {
        display: block;
    }

    div.jumplist a {
        display: block;
        padding-left:1rem;
        padding-right:2rem;
        text-align:left;
    }

    .block {
        display: block;
    }

.tbheight {
    height: 36px;
    line-height: 36px;
}

#worldtimes {
    border: none;
    white-space: nowrap;
    width: fit-content;
    margin: 0px;
    margin: auto;
    margin-bottom: 1rem;
    border: solid 1px #eee;
    background: #fafafa;
    padding: 0.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 200px;
}
}

    #worldtimes .row {
        padding:0px;
        margin:0px;
    }

    #worldtimes .col {
        min-width: 150px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        padding: 0px;
    }

div.templateSelection {
    display: flex;
    margin: auto;
    min-width: 33%;
    flex-wrap: wrap;
}
    div.templateSelection .selectTemplate {
        background-color: dodgerblue;
        margin:5px;
        margin-bottom: 5px;
        min-width: 200px;
        line-height:40px;
        border-radius:5px;
    }

    div.templateSelection .selectTemplate:hover {
        background-color: #000099;
    }

        div.templateSelection .selectTemplate a {
            color: #fff;
            display: block;
            padding-left: 20px;
            padding-right: 20px;
            white-space: nowrap;
            min-width: 33%;
            font-size: larger;
        }

        div.templateSelection .selectTemplate a .arrow {
            font-weight:700;
            font-size:larger;
        }

div.npinputgroup {
    display: flex;
    flex-direction: row;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px gray;
}

    div.npinputgroup input {
        line-height:30px;
    }

    div.npinputgroup input.maxwidth {
        min-width:400px;
    }

        div.npinputgroup input.width200 {
            min-width: 200px;
        }
        div.npinputgroup input.width300 {
            min-width: 300px;
        }

        div.npinputgroup input.width400 {
            min-width: 400px;
        }

        div.npinputgroup input.width500 {
            min-width: 500px;
        }

    div.npinputlst {
        display: flex;
        flex-direction: column;
    }

div.npinputlst.rowlst {
    flex-direction: row;
}

.npproperty {
    padding-right: 5px;
    width: 200px;
    text-align: right;
    height: 40px;
    line-height: 40px;
}

.npinput {
    1padding: 5px;
}

.npinputlst,
div.npinputgroup .npinputlst .lang{
    padding-right: 5px;
}

div.npinputlst .lstitem {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
}

    .npinput,
    .npproperty,
    div.npinputlst .lstitem,
    div.npinputlst .lstitem div {
        line-height: 40px;
    }

input.large{
    font-size:larger;
}

.inputcol{

}

    .inputcol input {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100%;
        display: block;
    }

    .inputcol .w1 input {
        width: 200px;
        display:block;
    }

.optionblock{
    1margin-bottom:10px;
}

.row.vclst {
    min-width: 300px;
    max-width: 50%;
    margin: auto;
}

.row.vclst .col{
    white-space:nowrap;
    min-width:200px;
    
}
.lbl {
    height: 40px;
    line-height: 40px;
    display: block;
    border: solid 1px #ccc;
    padding-left: 15px;
    padding-right: 15px;
    background-color:#fafafa;
}

#savedpanel {
    display:none;
    border: solid 1px #aaffaa;
    box-shadow: 0 0 15px #ccffcc;
    border-radius: 50px;
    height: 35px;
    line-height: 35px;
    padding-left: 2rem;
    padding-right: 2rem;
    width: fit-content;
    z-index: 1000000;
    color:#fff;
    font-weight:700;
    background-color: #00cc00;
    position: fixed;
    top: 10px;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%);
    
}

#productimages {
    
}

#productimages img{
    margin:1rem;
    padding:1rem;
    box-shadow:0 0 10px #aaa;
}
textarea.batch {
    width:100%;
}


.row .col.mw-col1{
    max-width:50px;
}

.row .col.mw-col2 {
    max-width: 75px;
}

.row .col.mw-col3 {
    max-width: 75px;
}

.row .col.mw-col4 {
    max-width: 105px;
}

    .row .col.mw-col2 select {
        max-width: 75px;
        width: 75px;
        min-width: 75px;
    }

    .bold{
        font-weight:700;
    }

.semibold {
    font-weight: 600;
}

.gray {
    color: #777;
}

.row.routegrid .col.sku {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    white-space: nowrap;
}

.row.routegrid .col.app {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    white-space: nowrap;
}

.row.routegrid .col.sku span {
    display: block;
    font-weight: bold;
}

.row.routegrid .col.app span {
    display: block;
}

.row.routegrid.metas,
.row.routegrid.metas .col {
    height: auto;
    line-height: initial;
    align-items:initial;
}

.row.routegrid.metas{
    margin-bottom:2px;
}

    .row.routegrid.metas .col input,
    .row.routegrid.metas .col textarea {
        display: block;
        width: 100%;
        font-family: 'Arial Narrow', Arial, sans-serif;
    }

.col.modifieds{
    padding-top:30px;
    text-align:left;
}

.col.modifieds span {
    display:block;
}

.dbtype.local{
    color:#777;
}

.dbtype.test {
    color: #006600;
}

.dbtype.prod {
    color: #aa0000;
}

input[type=text].filename {
    min-width:400px;
}

input[type=text].bool {
    min-width: 70px;
    max-width: 70px;
    text-align:center;
    text-transform:lowercase;
}

table.images {

}

table.images tr {
    border-bottom:solid 1px #aaa;
}

    table.images td {
        padding:1rem;
    }

    table.images td span.title {
        display:block;
        font-size:small;
        font-weight:bold;
        color:#aaa;
        padding-left:5px;
    }

        table.images td span.title.center {
            padding-left: 0px;
            text-align:center;
        }

        table.images td img {
            height:100px;
            align-self:center;
            align-content:center;
            display:block;
            margin:auto;
        }

        div.centered{
            
            width:fit-content;
            margin:auto;
        }

div.row.elements {
    height:auto;
}

div.row.elements .col.elements {
}

    div.row.elements .col.elements p{
        margin:0px;
        padding:0px;
        height:auto;
        line-height:initial;
    }

    .pl-6 {
        padding-left:4rem;
    }


span.ac.delete {
    cursor: pointer;
    display: block;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 2px;
    background-color:#770000;
}

div.ac.delete {
    display:none;
}

    div.ac.delete span {
        cursor: pointer;

    }

    div.ac.delete span, div.ac.delete a {
        display:block;
        padding:5px;
        padding-left:10px;
        padding-right:10px;
        border-radius:3px;
        color:#fff;
        margin-bottom:2px;
    }

    div.ac.delete span {
        background-color:#555;
    }

    div.ac.delete a {
        background-color: #aa0000;
    }

    div.info {
        background-color:#ffff0033;
        padding:5px;
        text-align:left;
        padding-left:1rem;
        margin-top:4px;
        box-shadow:0px 2px 10px #00000055;
    }

div.info .ht{
    display:block;
    font-weight:bold;
    font-size:smaller;
}

        div.info .bl {
            display: block;
            padding: 2px;
            padding-left: 5px;
            border: solid 1px #00000055;
            border-radius:5px;
            margin-top: 2px;
            background-color: #ffffff50;
        }

div.grid.full {
    width: 100%;
}

    div.grid.full div.griditem {
        width: 100%;
        
    }

    div.grid.full div.griditem a{
        width: 100%;
        height:auto;
        line-height:30px;
        background:none!important;
        color:blue!important;
        text-decoration:underline!important;
        display:block!important;
    }

div.grid.info {
    background:none;
    border:none;
    box-shadow:none;
}

    div.grid.info div.griditem {

    }

    .moveatob{
        border:solid 1px #aaa;
        display:block;
        width:40px;
        text-align:center;
        line-height:33px;
        margin:1px;
        font-weight:bold;
        border-radius:10px;
        background:#fafafa;
        cursor:pointer;
    }

.moveatob:hover {
    border: solid 1px #777;
    background: #ddd;
    cursor: pointer;
}

.premium {
    font-weight: bold;
    font-size: larger;
    padding-right: 0.5rem;
    color: #000;
}

    .premium.defaultmarker {
        color: #000;
        font-weight: normal;
        text-shadow: none;
    }

bold {
    font-weight: bold;
}

.caption {
    font-size: larger;
    font-weight:bold;
    display:inline-block;
}

label.textbox {
    border: solid 1px #ccc;
    background-color: #f7f7f7;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    margin-top: -5px;
    font-weight: 600;
}

textarea.attribute{
    display:block;
    min-width:500px;
}

.premium.info {
    1background: #aaa;
    border-radius: 50px;
    text-align: center;
    1color: #fff;
    display: inline-block;
    1width: 18px;
    1padding: 0px;
    1margin-right: 0.5rem;
    font-size: 1.2rem;
    margin-top:10px;
    font-weight:normal;
    1height: 18px;
    1line-height: 18px;
}

table tr td.inputdate,
table tr td.inputdate input {
    min-width: 140px;
    
}

table tr.notactive2 td,
table tr.notactive2 td input {
    color: #999 !important;
}

table tr th.inputdate,
table tr td.inputdate {
    width: 160px !important;
}

table tr th.bool,
table tr td.bool {
    width: 60px;
    text-align:center!important;
    1padding:0px!important;
    line-height:normal!important;
}

table tr th.modified,
table tr td.modified {
    width: 120px;
    line-height:initial!important;
    text-align:right;
}

table tr th.inputtext,
table tr td.inputtext {
    1width:100%;
}

table tr td.inputtext input {
    width:100%;
}

select.optionitemsel{

    min-width:140px;

}

.newentry {
    background-color: #0056b3;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    width: fit-content;
    padding: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.dethl {
    background: #eee;
    margin-top: 3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 2rem;
    box-shadow: 0 5px 5px #00000010;
    display: flex;
    justify-content: center;
    align-items:center;
}

    .dethl a {
        font-size: 1rem !important;
        display: inline-block;
        margin-left: 1rem;
        font-weight: bold;
        
        border-radius: 5px;
        padding: 0.3rem;

    }
        .dethl a.attributeaction:first-child {
            
            margin-left: 2rem;
            
        }

        .dethl a.attributeaction {
            display: inline-block;
            margin-left: 0rem;
            margin-right: 0rem;
            font-weight: bold;
            border-radius: 5px;
            padding: 0.5rem!important;
        }

    .dethl a .oi {
        margin-right: 0.25rem;
    }

    .propertylist {
        1border: solid 1px red;
        margin: auto;
        width: fit-content;
        min-width: 50%;
        max-width: 1200px;
    }

.propertylist .row {
    
    margin:0px;
    1margin-bottom:2px;

    width:100%;
    
}

    .propertylist .row:hover {
        background-color:#ffff0030;
    }

    .propertylist .row .col {
        border: solid 1px #ddd;
        margin: 1px;
        padding:5px;
        white-space:normal;    
        1word-break:break-all;
        word-wrap:anywhere;
    
    }

        .propertylist .row .col:first-child {
            1text-align: right;
            width: 200px;
            min-width: 380px;
            max-width: 380px;
            white-space: nowrap;
        }

input[type=number].stockinput{
    width:100px;
    text-align:center;
    font-weight:600;
}

.row.hlnav{

}

    .row.hlnav .col {
        margin-left: 2rem;
        margin-right: 2rem;

    }

    .row.hlnav .col a {
        text-transform:capitalize;
        font-weight:600;
        font-size:1.2rem;
    }

    .row.hlnav .col:first-child {
        min-width: fit-content;
        max-width: fit-content;
    }

div.window {
    padding: 3rem;
    background: #fff;
    box-shadow: 0 2px 5px #00000050;
    display: flex;
    width: fit-content;
    margin: auto;
    flex-direction: column;
    display:none;
}

div.window div.header {
    font-size:2rem;
    margin-bottom:1rem;
}

    div.window div.content {
    }

    div.window div.content input {
        min-width:300px;
    }
        div.window div.actions button {
            margin-top:1rem;
        }

    div.window div.actions button,
    div.window div.actions a {
        border: none;
        display: inline-block;
        width: auto;
        height: 35px;
        line-height: 35px;
        padding: 0px;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #0056b3;
        border-radius: 3px;
        color: #fff;
        text-decoration: none;
        margin-right: 5px;
        cursor:pointer;
    }


.row.attribitehrow{
    display:block;
}

    .row.attribitehrow .row {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .row.attribitehrow .row .col h5 {
        margin:0px!important;
        padding:0px!important;
    }

a.attributeaction {
    padding: 0px !important;
    font-size:smaller;
}

.statgrid {
    width:fit-content;
    margin-left:2rem;
    margin-top:2rem;
}

    .statgrid table {
        border-collapse: collapse;
        border-spacing: 0px;
    }

        .statgrid table th,
        .statgrid table td {
            padding: 0.5rem;
            padding-left: 1rem;
            padding-right: 1rem;
            border: solid 1px #ccc;
        }

        .statgrid table td:first-child {
            min-width:100px;
        }

th.text-align-left,
td.text-align-left,
.text-align-left,
.text-align-left {
    text-align: left !important;
}

th.text-align-right,
td.text-align-right {
    text-align: right !important;
}

.statgrid table.order th,
.statgrid table.order td {
    padding: 0.2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: solid 1px #ccc;
}

tr.clickable {

}

tr.clickable td {
    color:#1b6ec2;
    cursor:pointer;
}

.loginframe{
    max-width:500px;
    margin:auto;
    margin-top:3rem!important;
    box-shadow:0 5px 15px 0px #00000030;
    padding:2rem;
}

    .loginframe button[type=submit] {
        background: #0056b3;
        border: none;
        height: 50px;
        line-height: 50px;
        color:#fff;
        font-weight:700;
        border-radius:5px;
        min-width:175px;
    }

.tabkey {
    padding: 5px;
    padding-left:10px;
    border: solid 1px #ccc !important;
    line-height:35px;
    display:inline-block;
    min-width:190px;
}

div.tabsgroup {

}

div.tabbuttons {
    display:flex;
}

    div.tabbuttons div.tabbutton {
        font-size: large;
        padding: 0.5rem;
        padding-bottom: 0px;
        text-decoration: underline;
        cursor: pointer;
        
    }

    div.tabbuttons div.tabbutton.notext {
        color:gray;
    }

        div.tabbuttons div.tabbutton.selected {
            font-weight: bold !important;
            text-decoration: none;
            font-size: larger;
            text-transform: uppercase;
            background-color: #ccc;
        }

div.tabpages div.tabpage {
    display: none;
}

    div.tabpages div.tabpage.selected {
        display: block;
    }

    div.tabpages div.tabpage.selected textarea{
        display: block;
        border:solid 5px #ccc;
        padding:1rem;
    }

.html div {
    max-width:1024px;
    margin:auto;
}

div.matrix table{
    margin:auto;
}

div.matrix table tr {
    height:25px;
}

    div.matrix table tr th, div.matrix table tr td {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        border: solid 1px #ccc;
    }

    div.matrix table tr td {
        text-align:center;
        border:solid 1px #ccc;
    }

    div.matrix table tr.selected td {
        background-color:#ff000020;
        font-weight:bold;
    }

    div.matrix div.order {
        width:fit-content;
        margin:auto;
        white-space:nowrap;
        margin-bottom:1rem;
    }

div.matrix div.order div {
    background-color:#cccccc20;
}

    div.matrix div.order div.col:first-child {
        min-width:155px;
    }

        div .matrix div.order div.col {
        border: solid 1px #fff;
    }

div.matrix form input[type=number] {
    line-height: 30px !important;
    padding-left: 1rem;
    padding-right: 1rem;
    border: solid 1px #ccc;
    margin-bottom: 1rem;
}

div.matrix div.error {
    
    margin-bottom: 1rem;
    border:solid 1px red;
    background:#ff000010;
    padding:0.5rem;
    border-radius:3px;
}

a.dedit {
    display:inline-block;
    width:fit-content;
}