[class*="cal-cell"] {
float: left;
margin-left: 0;
min-height: 1px;
}
.cal-row-fluid {
width: 100%;
*zoom: 1;
}
.cal-row-fluid:before,
.cal-row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.cal-row-fluid:after {
clear: both;
}
.cal-row-fluid [class*="cal-cell"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 0%;
*margin-left: -0.05213764337851929%;
}
.cal-row-fluid [class*="cal-cell"]:first-child {
margin-left: 0;
}
.cal-row-fluid .controls-row [class*="cal-cell"] + [class*="cal-cell"] {
margin-left: 0%;
}
.cal-row-fluid .cal-cell7 {
width: 100%;
*width: 99.94669509594883%;
}
.cal-row-fluid .cal-cell6 {
width: 85.71428571428571%;
*width: 85.66098081023453%;
}
.cal-row-fluid .cal-cell5 {
width: 71.42857142857142%;
*width: 71.37526652452024%;
}
.cal-row-fluid .cal-cell4 {
width: 57.14285714285714%;
*width: 57.089552238805965%;
}
.cal-row-fluid .cal-cell3 {
width: 42.857142857142854%;
*width: 42.80383795309168%;
}
.cal-row-fluid .cal-cell2 {
width: 28.57142857142857%;
*width: 28.518123667377395%;
}
.cal-row-fluid .cal-cell1 {
width: 14.285714285714285%;
*width: 14.232409381663112%;
}
.cal-week-box .cal-offset7,
.cal-row-fluid .cal-offset7,
.cal-row-fluid .cal-offset7:first-child {
margin-left: 100%;
*margin-left: 99.89339019189765%;
}
.cal-week-box .cal-offset6,
.cal-row-fluid .cal-offset6,
.cal-row-fluid .cal-offset6:first-child {
margin-left: 85.71428571428571%;
*margin-left: 85.60767590618336%;
}
.cal-week-box .cal-offset5,
.cal-row-fluid .cal-offset5,
.cal-row-fluid .cal-offset5:first-child {
margin-left: 71.42857142857142%;
*margin-left: 71.32196162046907%;
}
.cal-week-box .cal-offset4,
.cal-row-fluid .cal-offset4,
.cal-row-fluid .cal-offset4:first-child {
margin-left: 57.14285714285714%;
*margin-left: 57.03624733475479%;
}
.cal-week-box .cal-offset3,
.cal-row-fluid .cal-offset3,
.cal-row-fluid .cal-offset3:first-child {
margin-left: 42.857142857142854%;
*margin-left: 42.750533049040506%;
}
.cal-week-box .cal-offset2,
.cal-row-fluid .cal-offset2,
.cal-row-fluid .cal-offset2:first-child {
margin-left: 28.57142857142857%;
*margin-left: 28.46481876332622%;
}
.cal-week-box .cal-offset1,
.cal-row-fluid .cal-offset1,
.cal-row-fluid .cal-offset1:first-child {
margin-left: 14.285714285714285%;
*margin-left: 14.17910447761194%;
}
.cal-row-fluid .cal-cell1 {
width: 14.285714285714285%;
*width: 14.233576642335766%;
}
[class*="cal-cell"].hide,
.cal-row-fluid [class*="cal-cell"].hide {
display: none;
}
[class*="cal-cell"].pull-right,
.cal-row-fluid [class*="cal-cell"].pull-right {
float: right;
}
.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"] {
min-height: auto;
overflow: hidden;
text-overflow: ellipsis;
}
.cal-events-num {
margin-top: 20px;
}
.cal-month-day {
position: relative;
display: block;
width: 100%;
}
#cal-day-tick {
position: absolute;
right: 50%;
bottom: -21px;
padding: 0px 5px;
cursor: pointer;
z-index: 5;
text-align: center;
width: 26px;
margin-right: -17px;
display: none !important;
}
.cal-year-box #cal-day-tick {
margin-right: -7px;
}
#cal-slide-box {
position: relative;
}
#cal-slide-tick {
position: absolute;
margin-left: -8px;
top: -1px;
z-index: 1;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 11px solid #9cd0fd;
}
#cal-slide-tick.tick-month1 {
left: 12.5%;
}
#cal-slide-tick.tick-month2 {
left: 37.5%;
}
#cal-slide-tick.tick-month3 {
left: 62.5%;
}
#cal-slide-tick.tick-month4 {
left: 87.5%;
}
#cal-slide-tick.tick-day1 {
left: 7.14285714285715%;
}
#cal-slide-tick.tick-day2 {
left: 21.42857142857143%;
}
#cal-slide-tick.tick-day3 {
left: 35.71428571428572%;
}
#cal-slide-tick.tick-day4 {
left: 50%;
}
#cal-slide-tick.tick-day5 {
left: 64.2857142857143%;
}
#cal-slide-tick.tick-day6 {
left: 78.57142857142859%;
}
#cal-slide-tick.tick-day7 {
left: 92.85714285714285%;
}
.events-list {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
#cal-slide-content ul.unstyled {
padding-left: 20px;
border-left: 2px solid #ccd1d9;
margin-left: 20px;
margin-bottom: 0;
}
.cal-week-box {
position: relative;
width: 100%;
z-index: 1;
}
.cal-week-box [data-event-class] {
white-space: nowrap;
height: 37px;
margin: 1px 1px 2px;
line-height: 34px;
text-overflow: ellipsis;
overflow: hidden;
padding-left: 10px;
}
.cal-week-box .cal-column {
position: absolute;
height: 100%;
z-index: 100;
}
.cal-week-box .cal-row-fluid{
position: relative;
z-index: 101;
}
.cal-week-box .arrow-before,
.cal-week-box .arrow-after {
position: relative;
}
.cal-week-box .arrow-after:after {
content: "";
position: absolute;
top: 0px;
width: 0;
height: 0;
right: 0;
border-top: 15px solid #ffffff;
border-left: 8px solid;
border-bottom: 15px solid #FFFFFF;
}
.cal-week-box .arrow-before:before {
content: "";
position: absolute;
top: 0px;
width: 0;
height: 0;
left: 1px;
border-top: 15px solid transparent;
border-left: 8px solid #FFFFFF;
border-bottom: 15px solid transparent;
}
#cal-day-box {
text-wrap: none;
}
#cal-day-box .cal-day-hour-part {
height: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#cal-day-box .cal-day-hour .day-highlight {
height: 37px;
padding-top: 0;
}
#cal-day-box .cal-hours {
font-weight: bolder;
}
#cal-day-box #cal-day-panel {
position: relative;
padding-left: 120px;
}
#cal-day-box #cal-day-panel-hour {
position: absolute;
width: 100%;
margin-left: -120px;
}
#cal-day-box .day-event {
position: relative;
max-width: 200px;
overflow: hidden;
}
#cal-day-box .day-highlight {
line-height: 16px;
padding: 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 1px 1px 2px;
overflow: hidden;
text-overflow: ellipsis;
width: 78.5%;
}
#cal-day-box .day-highlight .event-item{
text-decoration: none;
color: #fff;
display: block;
background-color: transparent;
box-shadow: none;
margin: 7px 0;
padding: 0;
font-weight: 500;
font-size: 14px;
line-height: 20px;
}
.event {
display: block;
background-color: #c3c3c3;
width: 12px;
height: 12px;
margin-right: 2px;
margin-bottom: 2px;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
border-radius: 8px;
border: 1px solid #ffffff;
}
.event-block {
display: block;
background-color: #c3c3c3;
width: 20px;
height: 100%;
}
.cal-event-list .event.pull-left {
margin-top: 3px;
display: none;
}
.event-important {
background-color: #ad2121;
}
.event-info {
background-color: #1e90ff;
}
.event-warning {
background-color: #e3bc08;
}
.event-inverse {
background-color: #1b1b1b;
}
.event-success {
background-color: #006400;
}
.event-special {
background-color: #800080;
}
.cal-row-fluid.cal-row-head [class*="cal-cell"] {
font-size: 20px;
text-transform: uppercase;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"] {
font-weight: bolder;
text-align: center;
padding: 10px 0;
}
.cal-row-head [class*="cal-cell"]:last-child{
border-right: none;
}
.cal-row-head [class*="cal-cell"] small {
font-weight: normal;
}
.cal-month-day {
height: 95px;
}
.cal-week-box .cal-row-fluid.cal-row-head [class*="cal-cell"] {
color: #fff;
} .cal-year-box [class*="span"],
.cal-month-box [class*="cal-cell"] {
min-height: 95px;
border-right: 2px solid #ffffff;
position: relative;
}
.cal-month-box [class*="cal-cell"] .cal-day-inmonth {
background-color: #dde8ef;
}
.cal-month-box [class*="cal-cell"] .cal-day-outmonth {
background-color: #f2f2f2;
}
.cal-month-day.event-day{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
color: #FFF;
}
.cal-year-box [class*="span"] {
min-height: 60px;
}
.cal-year-box .row-fluid [class*="span"]:last-child,
.cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child {
border-right: 0px;
}
.cal-year-box .row-fluid,
.cal-month-box .cal-row-fluid {
border-bottom: 2px solid #fff;
margin-left: 0px;
margin-right: 0px;
}
.cal-year-box .row-fluid:last-child,
.cal-month-box .cal-row-fluid:last-child {
border-bottom: 0px;
}
.cal-month-box,
.cal-year-box,
.cal-week-box {
border-radius: 0;
}
span[data-cal-date] {
font-size: 16px;
font-weight: 400;
cursor: pointer;
color: #444444;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
margin-top: 6px;
margin-left: 11px;
}
.cal-month-day.event-day span[data-cal-date] {
color: #FFF;
}
span[data-cal-date]:hover {
cursor: pointer;
}
.cal-day-outmonth span[data-cal-date] {
cursor: default;
} .cal-day-today.event-day:hover span[data-cal-date]{
color: #fff;
}
.cal-day-today .cal-day-today.event-day #cal-slide-tick{
border-top-color: #0f6ab8;
}
.cal-day-today span[data-cal-date],
.cal-day-today.event-day span[data-cal-date]{
color: #fff;
}
.cal-month-box .cal-day-today span[data-cal-date] {
font-size: 16px;
}
.cal-day-holiday span[data-cal-date] {
color: #e91e63;
} #cal-week-box {
border: 1px solid #e1e1e1;
border-right: 0px;
border-radius: 5px 0 0 5px;
background-color: #fafafa;
text-align: right;
}
#cal-day-tick {
border: 1px solid #e1e1e1;
border-top: 0px solid;
border-radius: 0 0 5px 5px;
background-color: #ededed;
text-align: center;
}
#cal-slide-box {
border-top: 0px solid #8c8c8c;
border-bottom:2px solid #fff;
margin-top: -2px;
}
#cal-slide-content {
padding: 20px 20px 20px 12px;
color: #ffffff;
background: #e5e5e5;
}
#cal-slide-content ul.list-unstyled li {
position: relative;
line-height: 0;
display: table;
background: #FFF;
border-right: 3px solid;
border-color: transparent;
margin-bottom: 10px;
}
#cal-slide-content ul.list-unstyled li:before {
content: " ";
left: -29px;
width: 16px;
height: 16px;
top: 8px;
border: 3px solid #f5f7fa;
position: absolute;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
#cal-slide-content ul.list-unstyled li:after {
border-color: transparent #FFF transparent transparent;
position: absolute;
top: 7px;
width: 0;
height: 0;
content: '';
border-style: solid;
border-width: 10px;
left: -18px;
}
#cal-slide-content a.event-item {
display: block;
box-shadow: none;
background-color: transparent;
color: #444;
font-size: 14px;
padding: 5px 10px;
margin: 0;
text-decoration: none!important;
font-weight: 500;
line-height: 22px;
}
#cal-slide-content a.event-item:before,
.fw-shortcode-calendar a.cal-event-week:before,
#cal-day-box .day-highlight .event-item:before {
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f274";
font-size: 12px;
width: 12px;
vertical-align: top;
margin-top: -1px;
}
#cal-slide-content a.event-item:hover{
text-decoration: underline;
}
.events-list {
max-height: 47px;
padding-left: 5px;
display: none;
}
.list-events{
position: absolute;
top: 50%;
margin-top: -12px;
font-size: 12px;
left: 10px;
color: #FFF;
}
.cal-day-today .list-events{
color: #fff;
}
.text-today{
font-size: 10px;
font-weight: 400;
position: absolute;
top: 13px;
right: 6px;
color: #fff;
text-transform: uppercase;
}
.cal-column {
border-left: 1px solid #e1e1e1;
}
a.cal-event-week {
text-decoration: none;
color: #ffffff;
}
.badge-important {
background-color: #b94a48;
}
.btn-group button[data-calendar-nav]{
outline: none;
text-transform: none;
background: none;
border: none;
color: #666;
font-size: 24px;
line-height: 20px;
box-shadow: none;
padding: 0;
float: left;
}
.btn-group button[data-calendar-nav]:hover{
color: #a4a59d;
}
.btn-group button[data-calendar-nav] i{
line-height: 1px;
}
.btn-group button[data-calendar-nav*='today']{
color: #666;
font-size: 14px;
margin: 0 10px;
padding: 0;
font-weight: 400;
line-height: 20px;
}
.cal-week-box{
background-color: #dde8ef;
padding-bottom: 2px;
}
.cal-week-box .text-today{
display: none;
}
.cal-week-box .cal-row-head [class*="cal-cell"] small{
border-top: 0;
display: block;
margin: 0;
text-align: center;
}
.cal-week-box .cal-row-head [class*="cal-cell"],
.cal-week-box .cal-row-head [class*="cal-cell"]:first-child{
padding-top: 13px;
border-bottom: none;
}
.cal-week-box .cal-row-head [class*="cal-cell"] small span{
margin: 0;
color: #ffffff;
font-size: 15px;
}
.cal-week-box hr{
border: none;
margin-bottom: 0;
margin-top: 15px;
}
.cal-week-box .cal-day-today span[data-cal-date],
.cal-week-box .cal-day-today.event-day span[data-cal-date]{
color: #0f6ab8;
}
.cal-week-box .cal-column{
border-left-color: #fff;
border-left-width: 2px;
left: -2px;
}
.fw-shortcode-calendar .day-highlight{
border: 2px solid;
border-color: transparent;
font-size: 14px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.fw-shortcode-calendar .cal-month-box .day-highlight{
border: none;
border-right: 2px solid #fff;
}
.fw-shortcode-calendar a.cal-event-week{
font-weight: 500;
font-size: 14px;
display: inline-block;
}
.fw-shortcode-calendar a.cal-event-week:before {
margin-right: 3px;
}  #cal-day-box .cal-row-head .events-col{
display: inline-block;
width: inherit;
margin: 10px 0 0 20px;
font-size: 20px;
color: #ffffff;
font-weight: bold;
}
#cal-day-box{
background-color: #dde8ef;
overflow: hidden;
}
#cal-day-box .cal-row-head,
#cal-day-box .cal-day-hour{
border-bottom: 2px solid #fff;
}
#cal-day-box .cal-day-panel-class .cal-day-hour{
border-bottom: none;
}
#cal-day-box .cal-row-head .time-col {
color: #ffffff;
}
#cal-day-box .time-col{
border-right: 2px solid #fff;
height: 100%;
text-align: center;
}
#cal-day-box .cal-day-hour .time-col {
padding: 4px 0 11px;
font-size: 14px;
}
#cal-day-box .cal-day-hour .time-col b{
font-weight: 300;
}
#cal-day-box .cal-day-hour .cal-day-hour-part{
border-bottom: 1px solid #fff;
}
#cal-day-box .cal-day-hour .cal-day-hour-part .time-col{
box-sizing: content-box;
}
#cal-day-box .cal-day-hour .events-col .day-highlight{
margin-left: 121px;
}
#cal-day-box .cal-day-hour .events-col{
position: relative;
height: 0;
}
#cal-day-box .cal-day-hour .time-col{
height: 105px;
display: inline-block;
box-sizing: content-box;
margin-left: -2px;
}
#cal-day-box .cal-day-panel-class .day-highlight:first-child{
margin-left: 50px;
}  @media(max-width:1199px){
} @media(max-width:991px){
.text-today{
top: 24px;
}
.cal-week-box .cal-row-head [class*="cal-cell"] small span{
font-size: 12px;
}
} @media(max-width:767px){
} @media(max-width:500px){
} @media(max-width:479px){
#cal-day-box .day-highlight{
width: 50%;
}
} .fw-shortcode-calendar #cal-week-box {
z-index: 2;
}
.fw-shortcode-calendar-wrapper .hidden-header {
visibility: hidden;
}
.fw-shortcode-calendar-wrapper  .time-col {
width: 100px;
box-sizing: border-box;
}
.fw-shortcode-calendar-wrapper .events-col {
width: 100%;
}
.fw-shortcode-calendar-wrapper .page-header{
padding: 0;
margin-top: 0;
margin-bottom: 15px;
border: none;
height: auto;
}
.fw-shortcode-calendar-wrapper .page-header h3{
display: inline-block;
margin: 9px 15px;
font-size: 16px;
float: right;
font-weight: normal; }
.fw-shortcode-calendar-wrapper .btn-group{
margin-right: 0;
vertical-align: top;
}