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

@font-face {
    font-family: 'haettenschweilerregular';
    src: url('/fonts/haettenschweiler-regular-webfont.woff2') format('woff2'),
         url('/fonts/haettenschweiler-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1,h2,h3,h4 {font-family:haettenschweilerregular, Rajdhani; letter-spacing: 1px;}

img {  
  display: block;
  max-width: 100%;
  height: auto;
  }
 
body {
  font-family: Rajdhani, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
/*   font-size: 20px; */
}
 
.mail-list:nth-child(odd){ background-color: rgba(130, 130, 130, 0.20); border-radius: 5px;}


.formAlert { font-weight:bold;  color:#B00; }
  
.black-widow {font-family:Rajdhani; font-weight: 300;} 



.text-red { color:#964446; }
.text-green { color:#365105; }
.text-blue {color: #5a748c;}
.text-grey {color: #3d4047;}
.text-yellow {color: #f7ec0e;}
.text-black {color: #000000;}

.btn-font-16 {font-family: Rajdhani; font-size: 16px;}
.btn-font-18 {font-family: Rajdhani; font-size: 18px;}

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


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

.btn-grace {color: #fff;
background-color: #964446;
border-color: #8b3f41; }


.btn-grace:hover {color: #fff;
background-color: #b37778;
border-color: #871e21;}



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


.btn-grey:hover {color: #fff;
background-color: #6e7380;
border-color: #3d4047;}




.panel-events {
  border-color: #4b6833;
}
.panel-events > .panel-heading {
  color: #fff;
  background-color: #3d4047;
  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-draft {
  border-color: #833e3a;
}
.panel-draft > .panel-heading {
  color: #fff;
  background-color: #964446;
  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;
}


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


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

#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;
}