/* Override default calendar style*/
.calendar-big table.calendar li.horizontalEvent {
        margin:0px;
        padding:3px;
        line-height: 12px;
        margin-bottom:1px;
        white-space:pre-line;
        position:relative;
}

.calendar-big table.calendar li.horizontalEvent2 {
        margin:0px;
        padding:3px;
        line-height: 12px;
        margin-bottom:1px;
        white-space:pre-line;
        position:relative;
}



.calendar-big table.calendar th{
    font-size:12px;
    font-weight: bold;
}

.calendar-big table.calendar td,
.calendar-big table.calendar th{
    width:82px;
    border:1px solid #d1d1d1;
    border-right:none;
    border-top:none;
    display: block;
    float: left;
    text-align: center;
    padding: 0px;
}

.calendar-big table.calendar th{
    background-color:#f1f1f1;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
}

.calendar-big table.calendar td.last-child,
.calendar-big table.calendar th.last-child{
    width:78px;
    background-color:#f1f1f1;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    vertical-align: middle;
    color:#333;
}

.calendar-big thead,
.calendar-big tfoot{
    border:none;
    line-height: 20px;
    display: relative;
    z-index: 1;
}


.calendar-big table.calendar{
    width:100%;
    display: block;
    float: left;
    font-size:11px;
    border-spacing: 0px;
    border-collapse: collapse;
    position: relative;
    overflow: visible;
}

.calendar-big table.calendar thead,
.calendar-big table.calendar tbody,
.calendar-big table.calendar tfoot,
.calendar-big table.calendar tr{
    width:100%;
    display: block;
    float: left;
}

.calendar-big table.calendar td ul{
    margin:0px;
    padding:0px;
    list-style: none;
    display: block;
    float: left;
    width:100%;
    font-size: 10px;
    position: relative;

}

.calendar-big table.calendar td:not(:last-child) ul{
    background-color: #fff;
}

.calendar-big table.calendar td{
    background-color:#fff;
    height:80px;
}

.calendar-big table.calendar td div.event-box{
    top:0px;
    position: relative;
    display: inline-block;
    height:60px;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    text-align:left;
    position: relative;
}

.calendar-big table.calendar td div.event-box:hover{
    overflow:visible;
    position:relative;
    z-index:100;
}

.calendar-big table.calendar td div.event-box:hover > ul{
    -webkit-box-shadow:0 0 10px rgb(255,255,190);
    -moz-box-shadow: 0 0 10px rgb(255,255,190);
    box-shadow:0 0 10px #000;
}


.calendar-big table.calendar td div.event-box ul li{

}
.calendar-big table.calendar td div.event-box ul li a{
  padding:0px 0px 0px 3px;
    line-height: 18px;
    margin-bottom:1px;
    min-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    position: relative;
    width:100%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing: border-box;
    color:inherit;
    display: block;
}

.calendar-big table.calendar td div.event-box ul li:hover{
    -webkit-box-shadow: inset 0 0 15px #fff;
    -moz-box-shadow: inset 0 0 15px #fff;
    box-shadow: inset 0 0 15px rgba(255,255,255,0.3);
}

.calendar-big table.calendar td div.event-box.active{
  overflow:visible;
  z-index:100;
  width:auto;
  max-width:100%;
  min-width: 100%;
}

.calendar-big table.calendar td div.event-box.active > ul{
    -webkit-box-shadow:0 0 10px rgb(255,255,190);
    -moz-box-shadow: 0 0 10px rgb(255,255,190);
    box-shadow:0 0 10px #000;
}

.calendar-big table.calendar td div.event-box.active > ul li{
  white-space: pre;
}

.calendar-big table.calendar{
    overflow: visible;
}

.calendar-big i.calendar-move{
  font-size:28px;
  padding:2px 10px 0 0;
  display: block;
  float:left;
}


#popupDiv{
    position: absolute;
}

#calendar span.popover-time, span.popover-time{
    display: block;
    float: left;
    width:100%;
    height:15px;
    line-height: 15px;
    border-bottom: 1px solid #f1f1f1;
    font-size:10px;
}

#calendar span.popover-time i{
    margin-right:5px;
}
.badge-additional-events{
  font-size:10px;
  line-height:12px;
  padding:1px 3px;
  cursor:pointer;
  background-color: rgb(83, 95, 112);
}
.badge-additional-events:hover{
  background-color: #333;
}



#calendar li.seemore{
    text-align: center;
    margin-top:-7px;
    line-height: 16px;
    font-size: 16px;
}



.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popup.top {
  margin-top: -10px;
}
.popup.right {
  margin-left: 10px;
}
.popup.bottom {
  margin-top: 10px;
}
.popup.left {
  margin-left: -10px;
}
.popup-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.popup-title:empty {
  display: none;
}
.popup-content {
  padding: 4px 14px;
}

.calendar-big .calendar-control,
.calendar-widget.calendar-person .calendar-control{
  margin-left:-10px;
  margin-right:-10px;
  width:684px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  margin-bottom: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px 10px;
  background-color:#f9f9f9;
}
.calendar-widget.calendar-person .calendar-control{
  margin:0px !important;
}

.calendar-big div.sportnik-panel-body .calendar-control h3,
.calendar-widget.calendar-person div.sportnik-panel-body .calendar-control h3{
  font-family: 'raleway';
    font-weight: normal;
    text-align: left;
    text-shadow: 1px 1px 0 #fff;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    border-bottom:1px dashed #ddd;
    margin-bottom:10px;
    display: inline-block;
    width:100%;
}

.index-footer .sportnik-panel-foot p,
.index-footer .calendar-control{
  display:none !important;
}

.calendar-big .calendar-control #calendar-chooser,
.calendar-big .calendar-control #group-chooser,
.calendar-big .calendar-control #person-chooser{
  margin:0px;
  margin-right:5px;
}

.calendar-big .calendar-control #calendar-chooser,
.calendar-big .calendar-control #group-chooser,
.calendar-big .calendar-control #person-chooser{
  margin:0px;
  margin-right:5px;
}

.calendar-big .calendar-control select{
  width:25%;
}

.cal-event-popover .popover-content{
  max-height:300px;
  width: 200px;
  overflow: hidden;
  text-overflow-multiline: ellipsis;
  margin-bottom:10px;
}


/*WIDGET STYLES */

.calendar-widget .calendar-control{
  display: none;
}

.calendar-widget.calendar-person .calendar-control{
  display: block;
}

.calendar-widget #where-im-at{
  width:150px;
}
.calendar-widget .sportnik-panel-body{
  padding: 0px;
}
.calendar-widget table#calendar tr{
  height:21px;
}
.calendar-widget table#calendar td{
  height:20px;
  vertical-align: top;
  text-align: center;
  border: 1px solid #d1d1d1;
  padding:0px;
  width: 31px;
}

.calendar-widget th{
  font-family: FiraSans;
}

.calendar-widget table#calendar th{
 text-align: center;
 width: 31px;
}

.calendar-widget table#calendar td:hover{
  background-color:rgba(200,200,200,0.2);
}

.calendar-widget table#calendar td .event-box{

  display: none;
}

.calendar-widget table#calendar{
  width:100%;
}

.frame .calendar-widget table#calendar td{
  height:110px;
}


.calendar-widget table#calendar td > span{
  display: block !important;
  width:100% !important;
  margin:0px !important;
  height:20px;
}

.calendar-widget table#calendar td > span.empty{

}

.index-footer .calendar-widget .sportnik-panel-body{
  background-color: #fff;
}
.index-footer .calendar-widget span.empty,
.calendar-widget table#calendar td > span.empty{
  display: none !important;
}

.calendar-widget table#calendar td > span > span{
  min-width: 10px;
}

.calendar-widget .sportnik-panel-foot p:first-child{
  display: none;
}

.calendar-widget table#calendar{
  margin:0px;
}

.calendar-widget table.calendar td.last-child,
.calendar-widget table.calendar th.last-child{
    background-color:transparent;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border:0px;
    vertical-align: middle;
    color:#333;
    line-height: 100%
}

.calendar-widget i.calendar-move{
  font-size:22px;
  padding:2px 10px 0 0;
  display: block;
  float:left;
}

.popover-event-link{
  display: block;
  border-bottom:3px solid #ddd;
  padding-bottom:5px;
  margin-bottom:5px;
}

.popover-event-link:hover{
  background-color:#f9f9f9;
}

.calendar-widget table.calendar {
    font-size: 11px;
    margin-bottom: 100px;
    overflow: visible;
    position: relative;
    table-layout: auto;

}

.calendar-widget table.calendar td ul {
    font-size: 10px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

div.sportnik-panel.calendar-widget div.sportnik-panel-head{
  background-color: rgb(83, 95, 112);
  text-shadow: none;
  color:#fff;
  border:0px !important;
}

div.sportnik-panel.calendar-widget div.sportnik-panel-body{
  border:0px !important;
  padding: 3%;
}

div.sportnik-panel.calendar-widget div.sportnik-panel-foot{
  display: none;
}

div.sportnik-panel.calendar-widget div.sportnik-panel-head input,
div.sportnik-panel.calendar-widget div.sportnik-panel-head i{
  text-shadow: none;
  color:#fff;
}

div.sportnik-panel.calendar-widget div.sportnik-panel-head input{
  font-family: FiraSans;
}

#calendar-next-month,
#calendar-prev-month{
  color:#fff;
 
}

#calendar-next-month i,
#calendar-prev-month i{
 line-height: 29px;
  height: 29px;
}

.calendar-widget{
  border:0px !important;
}

div.sportnik-panel.calendar-widget div.sportnik-panel-head .head-container{
  /*margin-left:25%;*/
}

div.sportnik-panel.calendar-widget div.sportnik-panel-head{
  /*position: relative;*/

}

div.sportnik-panel.calendar-widget div.sportnik-panel-head input{
  width: auto;
}

.calendar-widget th{
  border: 0px !important;
}

.calendar-widget thead{
  border: 0px !important;
  background-color: #fff !important;
}