@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'BleckletRegular';
    src: url('/fonts/blecklet-webfont.eot');
    src: url('/fonts/blecklet-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/blecklet-webfont.woff') format('woff'),
         url('/fonts/blecklet-webfont.ttf') format('truetype'),
         url('/fonts/blecklet-webfont.svg#BleckletRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

img {  
  display: block;
  max-width: 100%;
  height: auto;
  }
  
 .mail-list:nth-child(odd){ background-color: rgba(130, 130, 130, 0.20); border-radius: 5px;}
  
.blecklet {font-family:BleckletRegular; font-weight: 300;} 


.text-red { color:#611011; }
.text-green { color:#365105; }
.text-blue {color: #5a748c;}


.btn-monks {color: #fff;
background-color: #871e21;
border-color: #000; }


.btn-monks:hover {color: #fff;
background-color: #6c181a;
border-color: #871e21;}



.panel-events {
  border-color: #4b6833;
}
.panel-events > .panel-heading {
  color: #fff;
  background-color: #4b6833;
  border-color: #4b6833;
}
.panel-events > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #4b6833;
}
.panel-events > .panel-heading .badge {
  color: #4b6833;
  background-color: #ffffff;
}
.panel-events > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #4b6833;
}

.panel-green {
    border-color: #65665f;
}

.panel-green > .card-header {
    border-color: #65665f;
    color: #fff;
    background-color: #65665f;
}

.panel-green > a {
    color: #65665f;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #7a423c;
}

.panel-red > .card-header {
    border-color: #7a423c;
    color: #fff;
    background-color: #7a423c;
}

.panel-red > a {
    color: #7a423c;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-blue {
    border-color: #4a667b;
}

.panel-blue > .card-header {
    border-color: #4a667b;
    color: #fff;
    background-color: #4a667b;
}

.panel-blue > a {
    color: #4a667b;
}

.panel-blue > a:hover {
    color: #df8a13;
}

.panel-draft {
  border-color: #833e3a;
}
.panel-draft > .panel-heading {
  color: #fff;
  background-color: #833e3a;
  border-color: #833e3a;
}
.panel-draft > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #833e3a;
}
.panel-draft > .panel-heading .badge {
  color: #833e3a;
  background-color: #fff;
}
.panel-draft > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #833e3a;
}


.panel-email {
  border-color: #41677d;
}
.panel-email > .panel-heading {
  color: #fff;
  background-color: #41677d;
  border-color: #41677d;
}
.panel-email > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #41677d;
}
.panel-email > .panel-heading .badge {
  color: #41677d;
  background-color: #fff;
}
.panel-email > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #41677d;
}


.panel-text {
  border-color: #65665e;
}
.panel-text > .panel-heading {
  color: #fff;
  background-color: #65665e;
  border-color: #65665e;
}
.panel-text > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #65665e;
}
.panel-text > .panel-heading .badge {
  color: #65665e;
  background-color: #fff;
}
.panel-text > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #65665e;
}

.jawnt-fade-in-image {
  animation: fadeIn 1s;
  animation-fill-mode: forwards;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

.jawnt-fade-out-image {
  animation: fadeOut 1s;
  -webkit-animation: fadeOut 1s;
  animation-fill-mode: forward;
  -webkit-animation-fill-mode: both;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@media screen and (max-height: 400px) {
    #sparks {
        display: none;
    }
}

.profile-menu {
  .dropdown-menu{
    right: 0;
    left: unset;
  }
  .fa-fw{
    margin-right: 10px;
  }
}
.toggle-change{
    &::after {
    border-top: 0;
    border-bottom: .3em solid;
    }
}

.navbar-nav > li > a{
    text-decoration: none;
    color:black;
}

.nav > li > a {
    text-decoration: none;
    color:black;
}

.card-footer > * > a {
    text-decoration: none;
    color:black;
}

.card-footer > a {
    text-decoration: none;
    color:black;
}

a {
    color: black;
}

.btn-green { color:#fff; background-color:#80ab79; border-color:#80ab79; }

.btn-yellow { color:#777; background-color:#FEFF9C; border-color:#FEFF9C; }

.btn-blue { color:#fff; background-color:#5a748c; border-color:#5a748c; }

.btn-green { color:#fff; background-color:#5a8c83; border-color:#5a8c83; }

.btn-grey { color:#fff; background-color:#9a9a9a; border-color:#9a9a9a; }

.btn-white { color:#000; background-color:#fff; border-color:#000; }

.inline { display: inline; }

/* Sparks-style pseudo-table, used by modal-add-user.hbs */
#table{ 
    display: table; 
    border-style: solid;
}
.tr-header{ 
    display: table-row;
    background-color: #B0B0B0;
}
.tr{ 
    display: table-row;
}
.td{ 
    display: table-cell;
    padding-right: 10px;
    padding-left: 10px;
    border-left-style: solid;
    text-align: left;
}

#sparks {
  position: fixed;
  bottom: 0;
  left: 0;
  opacity: 0;                  /* start invisible but clickable */
  z-index: 9999;               /* above everything */
  cursor: pointer;
  transition: opacity 0.4s ease-in-out;
}

/* visible state after first click */
#sparks.sparks-visible {
  opacity: 1;
}