@import url(reset.css);
@import url(typography.css);

.h {
  position: absolute;
  left: -999em;
}

a {
  text-decoration: none;
}

a:link, a:visited {
  color: #000;
}

a:hover {
  color: #999780;
}

a:active {
  color: #999780;
}

h1 a {
  color: #fff;
}

.text a, .more a {
  border-bottom: 1px solid;
}

.main a:active {
  background: #000;
}

body {
  font: normal 62.5%/1 Georgia, serif;
  background: url(./bg.jpg);
  color: #000;
}


/** Classes **/

.dj_page {
  margin: 0 auto;
  max-width: 130em;
  min-width: 100em;
  display: block;
}

.dj_nav {
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20em;
  margin: 0px;
  padding: 0px;
  margin-left: 1em;
  background: url(./bookmark_l3.png) bottom center no-repeat;
  /* padding-bottom: 20em; */  
  transition-property: top;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  /* transition-delay: 1s; */
}

.dj_nav_bg {
  background: #3c3c3c url(./bookmark_l2.gif) bottom center no-repeat;
}

.dj_nav_pop {
  height: 110px;  
}

.dj_nav h1 {
  background: url(./logo.jpg) center center no-repeat;
  font-family: Goudy, "Adobe Caslon Pro",Baskerville,Georgia,"Times New Roman",Times,serif;
  font-size: 1.4em;
  text-transform: lowercase;
  font-variant: small-caps;
  line-height: 1.071;
  padding: 3em 0 2.071em 0;
  margin-bottom: 1.071em;
  font-weight: normal;
  letter-spacing: .05em;
  text-align: center;
}

.dj_nav p {
  background: url(./hsep.jpg) center -3px no-repeat;
  color: #888;
  font-size: 1.2em;
  text-align: center;
  padding: 2em 1em 0 1em;
}

.nav__list {
  margin-top: 1em;
}

.nav__item {
  text-align: center;
  list-style: none;
}

.nav__item div {
  font-size: 1.5em;
  font-style: italic;
  line-height: 1;  
  font-weight: normal;
  cursor: pointer;
  font-family: Goudy, "Adobe Caslon Pro",Baskerville,Georgia,"Times New Roman",Times,serif;
  padding-top: 12px;
  padding-bottom: 12px;
}

.nav__item > div.active {
  background: #2d7400 url(./highlight.jpg) repeat-x;
  box-shadow: #111 0px 3px 10px;
  -moz-box-shadow: #111 0px 3px 10px;
  -webkit-box-shadow: #111 0px 3px 10px;
}

.nav__sep {
  background: url(./sep.gif) center 12px no-repeat;
}

.nav__subitem {
  display: block;
  margin-top: 0.6em;
}

.nav__subitem div {  
  color: #888;  
  font-size: 1.2em;
  font-variant: small-caps;
  text-transform: lowercase;
  font-style: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding-top: 1px;
  padding-bottom: 2px;
}

.nav__item a {
  color: #fff;
}

.nav__item div.active a {
  color: #a9e683;
}

.nav__subitem div a {
  color: #888;
}

.nav__subitem div a:hover {
  text-decoration: underline;
}

.dj_content {
  background: url(./bg3_as.jpg) top right no-repeat, url(./bg3.jpg) right repeat-y;
  line-height: 1.5;
  /* min-width: 70em; */

  /* min-width: 60em;
  max-width: 90em; */
  width: 80em;
  float: right;
  margin-right: 10em;
}

.dj_wrapper {
  background: url(./bg2.jpg) left repeat-y;
  padding-left: 7em;
  padding-right: 7em;
  padding-top: 1em;
}

.dj_primary {
  font-size: 1.467em;
  /* clear: both; */
  padding: 4em 0;
  background: url(./hbar.gif) bottom repeat-x;  
}

.dj_toc {    
  margin-right: -10em;
  /* padding: 1em; */  
  position: fixed;
  right: 120px;
  bottom: 0px;
  max-width: 365px;
  min-width: 210px;
  z-index: 1;
}

.toc_wrapper {
  background: url(./toc_fill.png) top left no-repeat;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.toc__fill {  
  flex: 0 0px;
  flex-direction: row;
  display: flex;
}

.toc_content {
  order: 1;
  width: max-content;
  height: max-content;
  flex-grow: 1;
  padding-left: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 1.8em;
  text-align: center;
  font-family: AlexBrush, "Adobe Caslon Pro",Baskerville,Georgia,"Times New Roman",Times,serif;
}

.toc_side {
  background: url(./toc_tr.png) top right no-repeat;  
  width: 76px;
  order: 2;
}

.toc_seal {
  background: url(./toc_seal.png) top left no-repeat;
  height: 80px;
  width: 82px;
  position: absolute;
  right: -1px;
  top: 19px;
  background-size: 80%;
}

.toc__bottom {
  background: url(./toc_bl.png) bottom left no-repeat;
  height: 46px;
  order: 3;
  flex-grow: 1;
}
  
.toc_corner {
  background: url(./toc_br.png) bottom right no-repeat;
  background-color: purple;
  width: 53px;
  height: 62px;
  float: right;
  /* bottom: 0px; */
  /* right: -50px; */
  margin-top: -17px;
}

.toc__list {
  list-style: disc;
  color: #000;
  font-variant: small-caps;
  text-transform: lowercase;
  font-style: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-decoration: none;
  font-size: 0.7em;
  text-align: left;
}

.toc__item {
  margin-left: 1em;
}

.toc__link {
  color: rgb(0, 42, 4);
}

.toc_subnav {
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  font-size: 1.2em;
}

.dj_version {  
  position: fixed;
  bottom: 10px;
  left: 10px;  
  color: #777;
  font-family: monospace;
  font-variant: all-small-caps;
}

.dj_version .sha {
  vertical-align: sub;
}

.dj_header {
  font-size: 1.2em;
  line-height: 1.5;
  /* margin-top: 4.89em; */
  position: relative;
  color: #999 !important;
}

.dj_footer {
  /* clear: right; */
  /* float: right; */
  /* width: 80em; */
  position: relative;
  background: url(./footer1a.jpg) bottom left no-repeat;
  /* margin-left: 43em; */
}

.dj_footer .nav__left {
  float: left;
  position: relative;
  margin-top: 2em;
  margin-left: 5em;
  font-variant: small-caps;
  text-transform: lowercase;
  font-style: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.4em;
}

.dj_footer .nav__right {
  float: right;
  position: relative;
  margin-top: 2em;
  margin-right: 5em;
  font-variant: small-caps;
  text-transform: lowercase;
  font-style: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.4em;
}

.nav__right .icon, .nav__left .icon{
  margin-top: 1.1em;
}

.dj-footer__direction {
  display: flex;
  flex-grow: 1;
  font-size: 0.6em;
}

.nav__right .dj-footer__direction {
  flex-direction: row-reverse;
}

.dj_footer .copyright {
  /* clear: right; */
  /* float: right; */
  text-align: right;
  padding: 10em 6.667em;
  font-size: 1.2em;
  background: url(./bg3_e.jpg) bottom right no-repeat;
}

.float_right {
  float: right;
}

.float_left {
  float: left;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text ul {
  list-style: circle;
}

.text ol {
  list-style: upper-latin;
}

.text h1+p::first-letter, .text h2+p::first-letter {
  background: url(./drop.jpg) 0.15em bottom no-repeat;
  text-transform: uppercase;
  font-size: 3.0em;
  line-height: .65;
  margin-top: .15em;
  float: left;
  padding-right: .25em;
}

.text td::first-letter {
  background: url(/assets/drop.jpg) 0.15em bottom no-repeat;
  text-transform: uppercase;
  font-size: 1.7em;
  line-height: .7;
  margin-top: 0.12em;
  float: left;
  padding-right: 0.2em;
}

.text .signature {
  text-align:right;
  display: block;
  font-family: AlexBrush;
  font-size: 2em;
  text-transform: none;
}

.text .col {
  float: left;
  width: 45%;
  margin-right: 5%;
}

.text .col.last {
  margin-right: 0;
}

.text .block {
  list-style: none;    
  text-align: center;
}


.recipe {}

.recipe_ingredients {
  /* margin-left: 3em !important; */
}

.recipe_ingredients li {
  text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 8px #fff;
}


.recipe_details {
  width: 100%;
}

.recipe_details tr {
  display: flex;
}

.recipe_details td {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-grow: 1;
}

.recipe_details td .label {
  /* flex-grow: 1; */
  font-size: 0.7em;
}

.recipe_author {}

.recipe_keywords {
  font-size: x-small;
  text-align: right;
  font-variant: all-small-caps;
}

.classform fieldset {
    border: medium none;
    margin: 10px 0 0;
    padding: 10px 0 0;
}

.classform ol li {
    line-height: 1.3em;
    list-style: none outside none !important;
    margin: 0px 10px 8px 0px !important;
    text-align: left;
}

.classform span {
    display: block !important;
    font-family: arial, sans-serif;
    font-size: 80%;
    color: #444;
}

.classform input, .classform textarea, .classform select {
    border: 0px;
    background-color: #CDCDCD;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #303030;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #312f2f;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding-block-start: 6px;
    padding-block-end: 6px;
    padding-inline-start: 6px;
    scroll-behavior: smooth;
    resize: none;
}

.classform .error {
    background: url(./icon-err.png) no-repeat scroll 4px 2px #FFDFDF !important;
    border-color: #DF7D7D;
    color: #a54545;
    border-style: solid;
    border-width: 1px 0;
    margin: 4px 0px !important;
    padding-inline-start: 24px;
}

.classform .sendbutton {
    margin: 0;
    padding: 0 !important;
    text-align: right;
}

.btn {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin-bottom: 3rem!important;
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial,sans-serif;
  color: #fff;
  /* background: #2d7400 url(./highlight.jpg) repeat-x; */
  background: rgb(66,160,3);
  background: -moz-linear-gradient(180deg, rgba(66,160,3,1) 0%, rgba(46,121,1,1) 75%, rgba(46,115,0,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(66,160,3,1) 0%, rgba(46,121,1,1) 75%, rgba(46,115,0,1) 100%);
  background: linear-gradient(180deg, rgba(66,160,3,1) 0%, rgba(46,121,1,1) 75%, rgba(46,115,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#42a003",endColorstr="#2e7300",GradientType=1);
  border-color: #2d7400;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn:hover {
  background: rgb(108,218,34);
  background: -moz-linear-gradient(180deg, rgba(108,218,34,1) 0%, rgba(61,142,12,1) 38%, rgba(28,70,0,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(108,218,34,1) 0%, rgba(61,142,12,1) 38%, rgba(28,70,0,1) 100%);
  background: linear-gradient(180deg, rgba(108,218,34,1) 0%, rgba(61,142,12,1) 38%, rgba(28,70,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6cda22",endColorstr="#1c4600",GradientType=1);
}


/** Deprecated **/





/* !Head */

#head {
  float: left;
//  top: 0px;
//  position: fixed;
//  min-width: 180px;
//  min-height: 550px;
  width: 20em;
  background: #3c3c3c url(./bookmark_l3.png) bottom center no-repeat;
  color: #fff;
  text-align: center;
  padding-bottom: 100px;  
}

#head .wrapper {
  display: block;
  padding-bottom: 12em;
  margin-right: 2em;
  padding-top: 1.071em;
}

#head h1 {
  background: url(./logo.jpg) center center no-repeat;
  font-family: Goudy, "Adobe Caslon Pro",Baskerville,Georgia,"Times New Roman",Times,serif;
  font-size: 1.4em;
  text-transform: lowercase;
  font-variant: small-caps;
  line-height: 1.071;
  padding: 3em 0 2.071em 0;
  margin-bottom: 1.071em;
  font-weight: normal;
  letter-spacing: .05em;
  text-align: center;
}

#head p {
  background: url(./hsep.jpg) center -3px no-repeat;
  color: #888;
  font-size: 1.2em;
  text-align: center;
  padding: 2em 1em 0 1em;
}

#head h2 {
  position: absolute;
  left: -999em;
}





#head a span {
  color: #888;
}

#content #breadcrumb {
  font-size: 1.2em; line-height: 1.5; margin-top: 4.89em; position: relative;
  color: #999 !important;
}

#content #breadcrumb .pagenum {
  right: 0;
  position: absolute;
}

#content {
  float: right;  
  background: url(./bg3.jpg) right repeat-y;
  line-height: 1.5;
  min-width: 70em;
}

#toc {
  float: right;
  width: 20em;
}

#content {
  background: url(./bg3_as.jpg) top right no-repeat, url(./bg3.jpg) right repeat-y;
}

#content .wrapper {
  background: url(./bg2.jpg) left repeat-y;
  padding: 0 8em;
  overflow: hidden;
}

#content .main {
  padding-left: 35%;
}

#content .more.main {
  padding-top: 3em;
}

#content .box {
  border: 1px solid #999780;
  background: #fff;
  padding: 1.5em;
}

#content .full {
  clear: both;
  overflow: hidden;
}

.elsewhere #content .full {
  font-size: .857em;
  margin-top: 4.89em;
}

#content .row {
  overflow: hidden;
}

#content .col {
  float: left;
  width: 45%;
  margin-right: 5%;
}

.single #content #secondary .col, .single #content #tertiary .col {
  margin: 0;
  width: 100%;
}

#content .reduced .col {
  position: relative;
  left: 35%;
}

#content .col.last {
  margin-right: 0;
}

.list {}

.short.list {
  position: relative;
  top: .05em;
}

.single #tertiary .list {
  background: url(./thinline.jpg) bottom repeat-x;
  padding-bottom: .75em;
  margin-bottom: 1.5em;
}

.journal .archive.list {
  padding-left: 35%;
}

.list .item {
  background: url(./thinline.jpg) bottom repeat-x;
  padding-bottom: .75em;
  margin-bottom: .75em;
}

.single #tertiary .list .item {
  background: none;
}

.short.list .item {
  padding-bottom: .75em;
  margin-bottom: .75em;
}

.list .item .title, .short.list .item .title {
  display: block;
  text-shadow: 0 0 0 #000;
  text-transform: uppercase;
  font-weight: normal;
}

.list .item .title span {
  text-transform: lowercase;
  font-style: italic;
  color: #999780;
}

body.elsewhere .list .item .title span {
  text-transform: uppercase;
  font-style: normal;
  color: #000;
}

.archive.list .item .title {
  width: 70%;
}

.list .item .meta {
  font-style: italic;
  float: left;
}

.journal .archive.list .item .meta {
  float: right;
  margin-top: -1.667em;
  font-size: .857em;
}

.single .list .item .meta {
  float: none;
  font-size: .857em;
  color: #999780;
}

.list .item .meta .date:after {
  content: "?";
}

.single .list .item .meta .date:after {
  content: "";
}

.full.year .list .item .date {
  float: left;
  margin-left: -53.892%;
  position: relative;
  left: 46.2%;
  color: #999780;
}

.list .item .text {
}

.text img.image {
  max-width: 96%;
}

.text a.image {
  border: 0px solid;
}

img.external {
  border: 0px!important;
  padding-right: 5px!important;
  padding-left: 0px!important;
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

#primary {
  font-size: 1.467em;
  clear: both;
  padding: 4em 0;
  background: url(./hbar.gif) bottom repeat-x;
}

#primary h4.sidetitle {
  position: relative;
  width: 30%;
  text-align: left;
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 0;
}

body.about #contact {
  margin-top: 1.5em;
//  background: #fff;
  overflow: hidden;
}

body.about #contact .wrap {
  margin: 10px;
  border: 1px dashed #999;
  padding: 10px;
}

body.about #contact a {
  border: none;
}

body.about #contact a.vcard {
  background: url(./vcard.gif) no-repeat;
  padding-left: 29px;
}

body.about #contact a.twitter {
  background: url(./twitter-16x16.png) no-repeat;
  padding-left: 21px;
}

body.portfolio .text img {
  width: 96%;
}

.article {
  position: relative;
}

.article .title, .main .title {
  font-family: AlexBrush, "Adobe Caslon Pro",Baskerville,Georgia,"Times New Roman",Times,serif;
  margin: 0 0 0.5em 35%;
  font-weight: normal;
  font-size: 2.8em;
  text-align: center;
}

.main .title {
  margin-left: 0;
}

body.about .main .title {
  display: none;
}

.main.list .title {
  margin: 0;
  text-align: left;
}

#tertiary .col .title {
  font-size: 1em;
}

.article .meta {
  font-variant: small-caps;
  text-transform: lowercase;
  margin-top: .25em;
  font-size: .818em;
  position: absolute;
  top: 0;
  width: 30%;
  float: left;
}

.article .meta li {
  text-align: center;
  padding: .5em 0;
  background: url(./thinline.jpg) bottom repeat-x;
}

.article .meta .date {
  line-height: 1.5em;
  padding: 0;
  font-size: 1.8em;
  border-bottom: 3px solid;
  background: none;
  font-variant: small-caps;
  text-transform: lowercase;
}

.article .meta .topic, .article .meta .discussion {
  font: italic 1.5em/1 Goudy, "Adobe Caslon Pro", Baskerville, Georgia, serif;
}

.article .text {
  margin-left: 35%;
  text-align: justify;
}

.article .more p {
  border: 1px solid #999780;
  background: #fff;
  padding: 1.5em;
}

#discussion p.intro {
  margin-bottom: 4em;
  font-style: italic;
}

#discussion .remark {
  margin-bottom: 3em;
}

#discussion .last.remark {
  margin-bottom: 0;
}

#discussion .remark .author cite {
  font-style: normal;
  font-variant: small-caps;
  text-transform: lowercase;
}

#discussion .remark .date {
  color: #999780;
  padding-top: .1em;
  font-style: italic;
  text-transform: lowercase;
}

#discussion .remark p {
  margin-bottom: 1.5em;
}

#discussion .last.remark p {
  margin-bottom: 0;
}

#discussion form {
  margin: 4em 0 0 0;
}

#discussion form p.intro {
  margin-bottom: 2em;
}

#discussion form div {
  margin-bottom: 1em;
}

#discussion form label {
  text-transform: lowercase;
  letter-spacing: .1em;
  font-variant: small-caps;
  display: block;
}

#discussion form input[type='text'] {
  width: 98%;
  padding: .5em 0;
  text-indent: .5em;
  font-family: inherit;
  font-size: 1em;
}

#discussion form input#name {
  font-weight: bold;
}

#discussion form textarea {
  margin-top: -0px;
  width: 95%;
  padding: .5em;
  font-family: inherit;
  font-size: 1em;
}

#secondary {
  font-size: 1.2em;
  clear: both;
  padding-top: 4.89em;
}

.single #secondary {
  font-size: 1.467em;
  padding-top: 4em;
}

#secondary h3, #tertiary h3, .elsewhere .full h3, .journal .full h3 {
  text-shadow: 0 0 0 #000;
  padding: .5em 0;
  font-weight: normal;
  font-size: 1.223em;
  margin-bottom: 1.5em;
  font-variant: small-caps;
  text-transform: lowercase;
  border-style: dotted none solid none;
  border-width: 1px;
  letter-spacing: .075em;
}

.single #secondary .col h3, .single #tertiary .col h3, .journal .full h3 {
  font-size: 1em;
  text-align: left;
  padding-left: 35%;
}

.journal .full h3 {
  margin-top: 3em;
}

.single #secondary .col #discussion h3 {
  text-align: center;
  padding-left: 0;
}

#secondary h3:after, #tertiary h3:after, #secondary h3:before, #tertiary h3:before, .elsewhere .full h3:after, .elsewhere .full h3:before, .journal .full h3:after, .journal .full h3:before {
  content: "·";
}

#secondary h3 span, #tertiary h3 span, .elsewhere .full h3 span, .journal .full h3 span {
  text-shadow: none;
  letter-spacing: -.05em;
  font: italic 1.5em/1 "Adobe Caslon Pro", Baskerville, Georgia, serif;
}

#secondary .col h3, #tertiary .col h3, .elsewhere .full .col h3 {
  text-align: center;
}

#secondary h4, #tertiary h4 {
  text-shadow: 0 0 0 #000;
}

#secondary h4 span, #tertiary h4 span {
  text-shadow: none;
  text-transform: lowercase;
  font-style: italic;
}

#tertiary {
  font-size: 1.2em;
  clear: both;
}

.single #tertiary {
  font-size: 1.467em;
  padding-top: 4em;
}

#tertiary p {
  margin-bottom: 1.5em;
}

#tertiary h4 {
  margin-top: .15em;
  font: italic 1.222em/1 "Adobe Caslon Pro", Baskerville, Georgia, serif;
}



.dm-uploader {
  border: 0.25rem dashed #A5A5C7;
  text-align: center;
  border-radius: 15px;
}

.dm-uploader.active {
  border-color: #a9e683;
  border-style: solid;
}



.file-list {
  padding: .5rem!important;
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
  list-style: none;
  margin-top: 0;
  margin-bottom: 1rem;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.card {
  height: 100%!important;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: rgba(255,255,255,.4);
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 10px;
  margin-top: 15px;
}

.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  font-family: Arial,sans-serif;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.progress {
  height: 1.5rem;
  margin-bottom: .5rem!important;
  display: flex;
  overflow: hidden;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .25rem;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
}

@keyframes progress-bar-stripes {
  from { background-position: 1.5rem 0; }
  to { background-position: 0 0; }
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

.progress-bar-striped {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 1rem 1rem;
}

.preview-img {
  max-width: 10%;
  max-height: 10%;
  vertical-align: middle;
  border-style: none!important;
}

.media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-status {
  margin-bottom: 0!important;
}

.media li {
  padding: 0px!important;
  margin: 0px!important;
}

.bg-primary {
    background-color: #007bff!important;
}

.bg-success {
    background-color: #28a745!important;
}

.bg-warning {
    background-color: #ffc107!important;
}

.bg-danger {
    background-color: #dc3545!important;
}

.text-success {
    color: #28a745!important;
}

.text-warning{
    color: #ffc107!important;
}

.text-danger{
    color: #dc3545!important;
}

#files {
  overflow-y: scroll !important;
  min-height: 320px;
}

#debug {
	overflow-y: scroll !important;
	height: 180px;	
}

.headerlink {
  display: none;
}

.icon {
  width: 16px;
  height: 16px;
}

.right-sidebar {
  border-width: 1px;
  border-style: solid;
}