/**/
.ion-size-7 {
    font-size:7px;
}
.ion-size-8 {
    font-size:8px;
}
.ion-size-9 {
    font-size:9px;
}
.ion-size-10 {
    font-size:10px;
}
.ion-size-12 {
    font-size:12px;
}
.ion-size-14 {
    font-size:14px;
}
.ion-size-16 {
    font-size:16px;
    color: #ddb26d;
}
.ion-size-18 {
    font-size:18px;
}
.ion-size-20 {
    font-size:20px;
}
.ion-size-24 {
    font-size:24px;
}
.ion-size-32 {
    font-size:32px;
}
.ion-size-48 {
    font-size:48px;
}
.ion-size-64 {
    font-size:64px;
}
.ion-size-128 {
    font-size:128px;
}
.ion-size-256 {
    font-size:256px;
}
/**/
.column {
    float: left;
    /* padding-left: 1rem; */
    padding-right: 1rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.column.full {
    width: 100%;
}
.column.two-third {
    width: 66.7%;
}
.column.two-fourth {
    width: 75%;
}
.column.two-fifth {
    width: 80%;
}
.column.two-sixth {
    width: 83.3%;
}
.column.half {
    width: 50%;
}
.column.third {
    width: 33%;
}
.column.fourth {
    width: 25%;
}
.column.fifth {
    width: 20%;
}
.column.sixth {
    width: 16.6%;
}
.column.flow-opposite {
    float: right;
}
.column img {max-width:100%}
.card {
    padding: 20px;
    background: #eee;
}
.card.half {
    width: 50%;
    margin: 0 auto;
}
.card.space {
    background: #eee;
    border: 12px solid #eeeeee;
}
.card.empty  {
    position:relative;
    background: #e4e2e2 !important;
  }
  .card.empty h3 {
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    padding:20px;<
  }
.videoContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.videoContainer .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/**/
#calendar td span {position: relative;width: 22px;height: 20px;display: inline-block;line-height: 20px;font-weight: bold;}
/* #calendar .agreen:before {
    content: " ";
    display:block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: green transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
} */
#calendar .ared:before {
    content: " ";
    display:block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #f19191 transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
/* #calendar .jgreen:after {
    content: " ";
    display:block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent green transparent;
    position: absolute;
    right: 0;
    bottom: 0;
} */
#calendar .jred:after {
    content: " ";
    display:block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #ec9290 transparent;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
#calendar .today {
    font-weight: bold;
    color: red;
}
#calendar .fds {
    background: #eee;
}
#calendar .past span {
    color: #ccc;
}
#calendar .past span {
    cursor: not-allowed;
}
#calendar a.left {
    display: inline-block;
    content: "<";
    width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; 
  border-right:15px solid black; 
  margin-right: 10px;
}
#calendar a.right {
    display: inline-block;
    content: ">";
    border-top:5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 15px solid black;
  margin-left: 10px;
}
.hide { display: none;}
form small {font-size: 10px;max-width: 240px;/* display: block; */}
.square {
  }
  .square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }