/**
 * custom.css
 * 
 * Global custom style sheet
 *
 * @category TeamCal Neo 
 * @version 1.9.003
 * @author George Lewe <george@lewe.com>
 * @copyright Copyright (c) 2014-2019 by George Lewe
 * @link http://www.lewe.com
 * @license https://georgelewe.atlassian.net/wiki/x/AoC3Ag
 */
 
/**
 * Bootstrap overwrites and additions
 */
body {
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
   font-size: 160%;
   padding-top: 50px;
}

div.divider {
   clear: both;
   padding: 2px 0px 0px 0px;
}

div.page-menu {
   margin-bottom: 18px;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
   font-family: inherit;
   font-weight: bold;
}

#top-link-block.affix {
   position: fixed; /* keeps it on the bottom once in view */
   bottom: 20px;
   /* left: 10px; */
   right: 20px;
   z-index: 1000;
}

#top-link-block.affix-top {
   position: absolute; /* allows it to "slide" up into view */
   bottom: -82px;
   left: 10px;
}

#top-link-block.affix a, #top-link-block.affix a:hover, #top-link-block.affix a:visited {
   text-decoration: none;
}

.boxshadow-1 {
   -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
   -moz-box-shadow:    1px 1px 2px 0px rgba(0,0,0,0.5);
    box-shadow:        1px 1px 2px 0px rgba(0,0,0,0.5);
}

.boxshadow-2 {
   -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
   -moz-box-shadow:    2px 2px 5px 0px rgba(0,0,0,0.5);
    box-shadow:        2px 2px 5px 0px rgba(0,0,0,0.5);
}

.btn {
   margin-bottom: 4px;
}

.content {
   padding: 20px 0px 0px 0px;
}

.jumbotron {
   padding-top: 12px;
   padding-bottom: 16px;
   margin-bottom: 0px;
/*
   -webkit-box-shadow: 0 4px 4px -2px #a0a0a0;
   -moz-box-shadow: 0 4px 4px -2px #a0a0a0;
   box-shadow: 0 4px 4px -2px #a0a0a0;
*/
}

.banner {
   font-size: 200%;
   font-weight: 400;
   padding: 10px 0 0 0;
}

.caret {
   margin-left: 6px;
}

.fa-menu {
   margin-right: 10px;
   margin-left: -6px;
   padding-left: 0px;
   text-align: center;
   width: 20px;   
}

.fa-header {
   margin-right: 10px;
}

.footer {
   color: #999999;
   background-color: #212121;
   padding: 20px 15px 900px 15px;
   margin-top: 60px;
   margin-bottom: 0px;
}

.img_floatleft {
   float: left;
   margin: 0 24px 5px 0;
}

.img_floatright {
   float: right;
   margin: 0 0 5px 10px;
}

.img-border {
   -moz-box-shadow: 0 0 5px #ccc;
   -webkit-box-shadow: 0 0 5px #ccc;
   box-shadow: 0 0 5px #ccc;
   border: solid #fff 5px;
   left: -5px;
   background: #fff;
}

.label-header-right {
   margin-left: 8px;
   margin-top: 2px;
}

.modal-header {
  min-height: 16.4286px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e5e5e5;
  border-top-left-radius: 4px;   
  border-top-right-radius: 4px;   
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
}

.panel-heading {
   font-weight: bold;
   font-size: 110%;
}

.rel-tooltip {
   display: inline;
   position: relative;
}

.rel-tooltip:hover:after {
   background: #ffffe0;
   border: 1px solid #ffb300;
   border-radius: 5px;
   content: attr(rel);
   bottom: 30px;
   left: 20%;
   padding: 5px 15px;
   position: absolute;
   z-index: 999999;
   width: 300px;
}

.rel-tooltip:hover:before {
   border: solid;
   border-color: #ffb300 transparent;
   border-width: 6px 6px 0 6px;
   bottom: 24px;
   content: "";
   left: 50%;
   position: absolute;
   z-index: 1001;
}

.small {
   font-size: 80%;
}

.table-striped>tbody>tr.active:nth-child(odd)>td,.table-striped>tbody>tr.active:nth-child(odd)>th {
   background-color: #f5f5f5;
}

.table-striped>tbody>tr.active:nth-child(odd):hover>td,.table-striped>tbody>tr.active:nth-child(odd):hover>th {
   background-color: #e8e8e8;
}

.table-striped>tbody>tr.success:nth-child(odd)>td,.table-striped>tbody>tr.success:nth-child(odd)>th {
   background-color: #dff0d8;
}

.table-striped>tbody>tr.success:nth-child(odd):hover>td,.table-striped>tbody>tr.success:nth-child(odd):hover>th {
   background-color: #d0e9c6;
}

.table-striped>tbody>tr.danger:nth-child(odd)>td,.table-striped>tbody>tr.danger:nth-child(odd)>th {
   background-color: #f2dede;
}

.table-striped>tbody>tr.danger:nth-child(odd):hover>td,.table-striped>tbody>tr.danger:nth-child(odd):hover>th {
   background-color: #ebcccc;
}

.table-striped>tbody>tr.warning:nth-child(odd)>td,.table-striped>tbody>tr.warning:nth-child(odd)>th {
   background-color: #fcf8e3;
}

.table-striped>tbody>tr.warning:nth-child(odd):hover>td,.table-striped>tbody>tr.warning:nth-child(odd):hover>th {
   background-color: #faf2cc;
}

.text-italic {
   font-style: italic;
}

.text-normal {
   font-weight: normal;
}

.text-bold {
   font-weight: bold;
}

.tooltip-inner {
   text-align: left;
   max-width: 300px;
   padding-bottom: 8px;
   font-weight: normal;
}

.tooltip-info+.tooltip .tooltip-inner {
   color: #31708f;
   background-color: #d9edf7;
   border: 1px solid #357ebd;
   background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
   background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
}

.tooltip-info+.tooltip.top .tooltip-arrow,
.tooltip-info+.tooltip.top-left .tooltip-arrow,
.tooltip-info+.tooltip.top-right .tooltip-arrow {
   border-top-color: #357ebd;
}

.tooltip-info+.tooltip.bottom .tooltip-arrow,
.tooltip-info+.tooltip.bottom-left .tooltip-arrow,
.tooltip-info+.tooltip.bottom-right .tooltip-arrow {
   border-bottom-color: #357ebd;
}

.tooltip-info+.tooltip.right .tooltip-arrow {
   border-right-color: #357ebd;
}

.tooltip-info+.tooltip.left .tooltip-arrow {
   border-left-color: #357ebd;
}

.tooltip-danger+.tooltip .tooltip-inner {
   color: #a94442;
   background-color: #f2dede;
   border: 1px solid #d43f3a;
   background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
   background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',
      endColorstr='#ffe7c3c3', GradientType=0);
}

.tooltip-danger+.tooltip.top .tooltip-arrow,
.tooltip-danger+.tooltip.top-left .tooltip-arrow,
.tooltip-danger+.tooltip.top-right .tooltip-arrow {
   border-top-color: #d43f3a;
}

.tooltip-danger+.tooltip.bottom .tooltip-arrow,
.tooltip-danger+.tooltip.bottom-left .tooltip-arrow,
.tooltip-danger+.tooltip.bottom-right .tooltip-arrow {
   border-bottom-color: #d43f3a;
}

.tooltip-danger+.tooltip.right .tooltip-arrow {
   border-right-color: #d43f3a;
}

.tooltip-danger+.tooltip.left .tooltip-arrow {
   border-left-color: #d43f3a;
}

.tooltip-warning+.tooltip .tooltip-inner {
   color: #8a6d3b;
   background-color: #fcf8e3;
   border: 1px solid #ffb300;
   background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
   background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
}

.tooltip-warning+.tooltip.top .tooltip-arrow,
.tooltip-warning+.tooltip.top-left .tooltip-arrow,
.tooltip-warning+.tooltip.top-right .tooltip-arrow {
   border-top-color: #ffb300;
}

.tooltip-warning+.tooltip.bottom .tooltip-arrow,
.tooltip-warning+.tooltip.bottom-left .tooltip-arrow,
.tooltip-warning+.tooltip.bottom-right .tooltip-arrow {
   border-bottom-color: #ffb300;
}

.tooltip-warning+.tooltip.right .tooltip-arrow {
   border-right-color: #ffb300;
}

.tooltip-warning+.tooltip.left .tooltip-arrow {
   border-left-color: #ffb300;
}

.tooltip-success+.tooltip .tooltip-inner {
   color: #3c763d;
   background-color: #dff0d8;
   border: 1px solid #4cae4c;
   background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
   background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
}

.tooltip-success+.tooltip.top .tooltip-arrow,
.tooltip-success+.tooltip.top-left .tooltip-arrow,
.tooltip-success+.tooltip.top-right .tooltip-arrow {
   border-top-color: #4cae4c;
}

.tooltip-success+.tooltip.bottom .tooltip-arrow,
.tooltip-success+.tooltip.bottom-left .tooltip-arrow,
.tooltip-success+.tooltip.bottom-right .tooltip-arrow {
   border-bottom-color: #4cae4c;
}

.tooltip-success+.tooltip.right .tooltip-arrow {
   border-right-color: #4cae4c;
}

.tooltip-success+.tooltip.left .tooltip-arrow {
   border-left-color: #4cae4c;
}

.xsmall {
  font-size: 75%;
}

@media ( max-width : 340px) {
   img {
      max-width: 300px;
   }
}

@media ( max-width : 820px) {
   #slideshow {
      display: none;
   }
}

@media ( max-width : 1024px) {
   #slideshow {
      width: 700px;
      padding-top: 20px;
   }
}

/**
 * Month table
 */
table.month {
   -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.15);
   -moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.15);
   box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.15);          
} 

table.month th.m-monthname,
table.month th.m-label,
table.month td.m-label,
table.month td.m-name,
table.month td.m-name-guest {
   max-width: 130px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   background-color: #ffffff;
   color: #333333;
}

table.month td.m-name-guest {
   font-style: italic;
}

table.month td.m-name a,
table.month td.m-name-guest a {
   color: #333333;
}

table.month th.m-label,
table.month td.m-label {
   font-weight: bold;
}

table.month th.m-monthname
{
   background-color: #ffb300;
   color: #fefefe;
   font-weight: bold;
   white-space: nowrap;
}

table.month th.m-daynumber {
   color: #fefefe;
   background-color: #a5a5a5;
}

table.month th.m-groupname {
   color: #333333;
   background-color: #f2f2f2;
   text-align: left;
}

table.month th.m-weekday {
   color: #333333;
   background-color: #f2f2f2;
}

table.month th.m-weeknumber {
   color: #333333;
   background-color: #f2f2f2;
}

table.month th.first {
   border-right: 0px;
}

table.month th.inner {
   border-right: none;
   border-left: none;
}

table.month td.m-label,
table.month th.m-label,
table.month td.m-weekday
{
   background-color: #e5e5e5;
}

table.month td.m-day,
table.month th.m-daynumber,
table.month th.m-weekday,
table.month th.m-weeknumber 
{
   min-width: 20px;
   max-width: 28px;
   padding-left: 4px;
   padding-right: 4px;
   text-align: center;
}

table.month td.m-day {
   font-size: 120%;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   background-color: #ffffff;
}

table.month td.m-summary {
   font-size: 80%;
   vertical-align:middle;
}

/**
 * Responsive setup of month table
div.tablefull { display:none; }
div.table1024 { display:none; }
div.table800  { display:none; }
div.table640  { display:none; }
div.table480  { display:none; }
div.table400  { display:none; }
div.table360  { display:none; }
div.table320  { display:none; }
div.table240  { display:none; }
 */

@media (min-width: 1400px) {
   table.month th.m-monthname,
   table.month th.m-label,
   table.month td.m-monthname,
   table.month td.m-label,
   table.month td.m-name {
      max-width: 160px;
   }
}

@media (min-width: 1281px) {
/*   div.tablefull { display:block; } */
   #fullscreen {
      display: block;
   }
   #mobile {
      display: none;
   }
}

@media (max-width: 1280px) {
/*   div.table1024 { display:block; } */
   table.month th.m-monthname,
   table.month th.m-label,
   table.month td.m-monthname,
   table.month td.m-label,
   table.month td.m-name {
      max-width: 130px;
   }
   #fullscreen {
      display: none;
   }
   #mobile {
      display: block;
   }
}

/*
@media (max-width: 1240px) {
   div.table1024 { display:none; }
   div.table800 { display:block; }
}

@media (max-width: 740px) {
   div.table800 { display:none; }
   div.table640 { display:block; }
}

@media (max-width: 600px) {
   div.table640 { display:none; }
   div.table480 { display:block; }
}

@media (max-width: 430px) {
   div.table480 { display:none; }
   div.table400 { display:block; }
}

@media (max-width: 360px) {
   div.table400 { display:none; }
   div.table360 { display:block; }
}

@media (max-width: 320px) {
   div.table360 { display:none; }
   div.table320 { display:block; }
}
*/

@media (max-width: 300px) {
/*
   div.table320 { display:none; }
   div.table240 { display:block; }
*/
   table.month th.m-monthname,
   table.month th.m-label,
   table.month td.m-monthname,
   table.month td.m-label,
   table.month td.m-name {
      max-width: 100px;
   }
}

/**
 * Year table
 */
table.year {
   -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.15);
   -moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.15);
   box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.15);          
} 

table.year th.y-year,
table.year th.y-label,
table.year td.y-label,
table.year td.y-name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

table.year th.y-year
{
   background-color: #ffb300;
   color: #fefefe;
   font-weight: bold;
   white-space: nowrap;
}

table.year td.y-grayday {
   color: #fefefe;
   background-color: #848484;
}

table.year td.y-day {
   color: #000000;
   background-color: #ffffff;
}

table.year td.y-label,
table.year th.y-label,
table.year th.y-weekday
{
   color: #000000;
   background-color: #e5e5e5;
}

table.year th.y-weekday {
   font-size: 75%;
}

table.year div.daynumber {
   color: #303030;
   font-size: 75%;
   margin-top: -8px;
}

table.year div.absence {
   margin-left: -8px;
   margin-right: -8px;
}

table.year div.weeknumber {
   color: #aeaeae;
   font-size: 75%;
   font-style: italic;
   font-weight: normal;
   margin-left: -4px;
   margin-bottom: -8px;
   text-align: left;
}

@media print
{
   .noprint { display:none; }
}

/**
 * Social icons in footer
 */
.social-icon a {
   background-color: #404040;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   color: #ffffff;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   margin-left: 5px;
   margin-right: 0px;
   margin-bottom: 5px;
   text-align: center;
   transition-property: background-color;
   transition-duration: 0.5s;
   transition-timing-function: ease;
   transition-delay: 0s;
   width: 40px;
}

.social-icon a[href*="/feed"]:hover {background-color: #f39c12 !important;}
.social-icon a[href*="/feed"] .fab:before{content:"\f09e"}

.social-icon a[href*=".rss"]:hover {background-color: #f39c12 !important;}
.social-icon a[href*=".rss"] .fab:before{content:"\f09e"}

.social-icon a[href*="amazon."]:hover {background-color: #ff9900 !important;}
.social-icon a[href*="amazon."] .fab:before{content:"\f270"}

.social-icon a[href*="behance.net"]:hover {background-color: #1769ff !important;}
.social-icon a[href*="behance.net"] .fab:before{content: "\f1b4"}

.social-icon a[href*="bitbucket.org"]:hover {background-color: #205081 !important;}
.social-icon a[href*="bitbucket.org"] .fab:before{content: "\f171"}

.social-icon a[href*="deviantart.com"]:hover {background-color: #05cc47 !important;}
.social-icon a[href*="deviantart.com"] .fab:before{content: "\f1bd"}

.social-icon a[href*="dribbble.com"]:hover {background-color: #ea4c89 !important;}
.social-icon a[href*="dribbble.com"] .fab:before{content: "\f17d"}

.social-icon a[href*="dropbox."]:hover {background-color: #007ee5 !important;}
.social-icon a[href*="dropbox."] .fab:before{content: "\f16b"}

.social-icon a[href*="facebook.com"]:hover {background-color: #4265b9 !important;}
.social-icon a[href*="facebook.com"] .fab:before{content:"\f09a"}

.social-icon a[href*="flickr.com"]:hover {background-color: #ff0084 !important;}
.social-icon a[href*="flickr.com"] .fab:before{content: "\f16e"}

.social-icon a[href*="foursquare.com"]:hover {background-color: #2398C9 !important;}
.social-icon a[href*="foursquare.com"] .fab:before{content: "\f180"}

.social-icon a[href*="github.com"]:hover {background-color: #4183C4 !important;}
.social-icon a[href*="github.com"] .fab:before{content:"\f09b"}

.social-icon a[href*="instagram.com"]:hover {background-color: #F95B60 !important;}
.social-icon a[href*="instagram.com"] .fa:before{content: "\f16d"}

.social-icon a[href*="linkedin.com"]:hover {background-color: #005987 !important;}
.social-icon a[href*="linkedin.com"] .fab:before{content: "\f0e1"}

.social-icon a[href*="mailto"]:hover {background-color: #DA4453 !important;}
.social-icon a[href*="mailto"] .fab:before{content: "\f003"}

.social-icon a[href*="paypal."]:hover {background-color: #003087 !important;}
.social-icon a[href*="paypal."] .fab:before{content: "\f1ed"}

.social-icon a[href*="pinterest.com"]:hover {background-color: #c31e26 !important;}
.social-icon a[href*="pinterest.com"] .fab:before{content: "\f0d2"}

.social-icon a[href*="plus.google.com"]:hover {background-color: #dd4b39 !important;}
.social-icon a[href*="plus.google.com"] .fab:before{content: "\f0d5"}

.social-icon a[href*="skype.com"]:hover {background-color: #0bbff2 !important;}
.social-icon a[href*="skype.com"] .fab:before{content: "\f17e"}

.social-icon a[href*="soundcloud.com"]:hover {background-color: #F50 !important;}
.social-icon a[href*="soundcloud.com"] .fab:before{content: "\f1be"}

.social-icon a[href*="spotify.com"]:hover {background-color: #81b71a !important;}
.social-icon a[href*="spotify.com"] .fab:before{content: "\f1bc"}

.social-icon a[href*="tumblr.com"]:hover {background-color: #35506b !important;}
.social-icon a[href*="tumblr.com"] .fab:before{content: "\f173"}

.social-icon a[href*="twitter.com"]:hover {background-color: #55ACEE !important;}
.social-icon a[href*="twitter.com"] .fab:before{content:"\f099"}

.social-icon a[href*="vimeo.com"]:hover {background-color: #1bb6ec !important;}
.social-icon a[href*="vimeo.com"] .fab:before{content: "\f194"}

.social-icon a[href*="xing.com"]:hover {background-color: #026466 !important;}
.social-icon a[href*="xing.com"] .fab:before{content: "\f168"}

.social-icon a[href*="youtube.com"]:hover {background-color: #df3333 !important;}
.social-icon a[href*="youtube.com"] .fab:before{content: "\f167"}

.divTable         { display: table; width:275px; }
.divTableRow      { display: table-row; }
.divTableHeading  { display: table-header-group; }
.divTableBody     { display: table-row-group; }
.divTableFoot     { display: table-footer-group; }
.divTableCell, .divTableHead  { display: table-cell; }

.gdpr h4 {margin-top:24px;}
.gdpr h5 {margin-top:16px;}