body{background: #fcfcfc;overflow-x:hidden;max-width: 1960px; margin: 0 auto;}
#main{height: 100%;min-height: calc( 25vh + 520px );}
.darkeditor {
            background: #484949;
            border-radius: 6px;
            border: 3px solid silver;
            font-family: "Source Code Pro", monospace;
            font-size: 16px;
            min-height: 420px;
            padding: 10px;
            tab-size: 4;
            width: 100%;
            color: #fff;
        }
.snippet-table-view pre {
    display: table-cell;
    padding: 2px;
    margin: 0;
    font-size: 12px;
    line-height: 1.28;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: none;
}        
.snippet-table-view td.shortened{
    max-width: calc(42vw);
    overflow: hidden;
    height: auto;
    max-height: 5em;
    display:block;
    margin-top: -1px;
}
.snippet-table-view td{
    padding:3px;
}
.snippet-table-view xmp{
    margin:0;
    padding:0;
    line-height: 1.28;
    
}
.snipp-body td {padding-top: 8px;}
.viewsnippet textarea.darkeditor{
    min-height: 540px;
    height:max-content;
}
.site-footer{
    border-top: 1px inset #333;
    width: 100%;
    background: #fff9d0;
    padding-top: 8px;

}
.snipp-hq-list .table > tbody > tr > td,
.snipp-hq-less .table > tbody > tr > td{font-size:smaller;line-height: 1.1824;
    padding-bottom: 0px;
}
.snipp-hq-less .table > tbody > tr > td{padding: 0;line-height: 1;vertical-align: middle;}
.btn{border-color: #cccfce;border-width:1px; margin: 2px 15px 2px 0;}
li.nav-item button.nav-link{
background-image: none;
background: transparent;
position: relative;
display: block;
padding: 10px 15px;
color: white;
border-bottom: thin solid white;
    border-left: none;
    border-right: none;
    border-top: none;
width: 100%;
text-align: left;
}
label{border-bottom: 1px dashed #cccfce;line-height: 1;margin-bottom: 0px;}
.snipp-foot label {width: 100%;}
.form-control{margin-top:1px;}
main {max-width: 98.8992%; margin: 0 auto;}
.sidebar{margin-top:15px;}
.sidebar ul{background:#494949}
.sidebar a{color:white;border-bottom: thin solid white;}
.sidebar a:hover{color: #24a;}
.shadow-bottom{box-shadow: 0 4px 2px -2px gray;}
.account-nav{float:right;margin-top:1em; padding: 0;}
.navbar-dark{background: #fff9d0}
.brand h1 a{color:maroon;letter-spacing: 6px;}
td{padding-right:5px;}
.input-sm{ max-width: 220px;}
.pad-15{padding-left: 15px;padding-right: 15px;}
.pad-30{padding-left: 30px;padding-right: 30px;}
.pb-sm{padding-bottom: 10px;}
.whitish{color: #effafa;}
.editids, .sendids { min-width: 46px;margin: 0 2px;}
.editsnippet .danger-zone{border-top: thin solid #d30;padding-left: 0;
margin-top: 10px;}
.share-snippet{ position:relative;top:15vh; }
#basic-modal-content{height:360px; width:600px; background-color:#2d2d2d; border:4px solid #ccc; padding:12px;}
.share-lnk{color:#fff9d0}.share-lnk:hover{color: #ffffff;}
.share-snippet #copiedText{width:100%;position:relative;height: 35%;}
@media screen and (min-width:772px){ 
.brd-btm{border-bottom: thin solid #ccc;}
} 
