/* PERSONAL CALENDAR */
.calendar {padding-top: 0px;}
.calendar h3 {margin-top: 30px;}
.calendar h3 .add-own-event{margin-top: 10px;}
.calendar .calendar-controls  {margin-bottom: 15px;}
.calendar .calendar-controls select {max-width: 180px; border-radius: 0px; margin:auto;}
.calendar .calendar-controls .calendar-prev {margin-top: 2px;color:#1C9649; font-size:1.5rem;position:absolute;left:15px;top:0px}
.calendar .calendar-controls .calendar-next {margin-top: 2px;color:#1C9649; font-size:1.5rem;position:absolute;right:15px;top:0px;}
.calendar .table-calendar {}
.calendar .table-calendar a:hover{text-decoration: none !important;}
.calendar .table-calendar th {width:14.2857%; text-align: center; border-top:0px;}
.calendar .table-calendar td {padding: 6px;width:14.2857%; border:1px solid #E6E6E6;box-sizing: border-box;}
.calendar .table-calendar td.muted {opacity:0.3;}
.calendar .table-calendar td.today  {background-color: #FF6B01; }
.calendar .table-calendar td.today .day-head {font-weight:bold; color:white; }
.calendar .table-calendar td .day {min-height: 80px;position: relative;}
.calendar .table-calendar td .day .day-head {position:absolute; right:0; font-size: 11px;width:21px; display: inline-block; text-align: center;}
.calendar .table-calendar td .day .day-head span {width:21px; height: 21px; padding-top: 3px; display: inline-block; text-align: center;}
.calendar .table-calendar td .day .day-head .today {background-color: #fa7a50; color:white; border-radius: 50%; }
.calendar .table-calendar .event {font-size: 12px !important; font-weight: normal; text-align: left; display:block;margin-right: 20px; white-space:nowrap; overflow: hidden; max-width: 120px; text-transform: none; padding: 3px 4px; margin-bottom:2px;}
.calendar .table-calendar .event i{font-size: 9px;position: relative;bottom: 1px; }
.calendar .table-calendar .event.badge-empty {color:#454545;}
.calendar .table-calendar .event.badge-empty:hover {background-color:#FFF7F0;text-decoration: none;}

.calendar #planned-table th.reg-pay {width:200px;}
.calendar #planned-table th i {font-size: 13px; color:#8A8A8A; position:relative; bottom:1px;}
.calendar h4.no-planned {text-align: center;margin-top: 60px;}
.calendar p.no-planned {text-align: center;margin-bottom:60px;}

@media only screen and (max-width: 991px) {
    .calendar {padding-top: 0px;overflow-x: scroll;}
    .calendar .calendar-controls select {max-width: 115px; font-size: 13px }
    .calendar .table-calendar th {font-size: 10px;padding: 3px;}
    .calendar .table-calendar td {font-size: 10px;padding: 1px; vertical-align: top !important;}
    .calendar .table-calendar td .day {min-height: 35px; font-size: 9px;}
    .calendar .table-calendar td .day .day-head{font-size: 9px;text-align: right; width:100%;position: relative;}
    .calendar .table-calendar td .day .day-head span {width:13px; height: 13px; padding-top: 2px; float:none; clear:both;}
    .calendar .table-calendar .event {position: relative; max-width: 80px; padding: 3px 4px; display: block; float: none;margin-right: 0px;margin: 1px;}
    .mobile-table-responsive {overflow-x: auto;}
    .calendar #planned-table th {font-size: 10px;}
    .calendar #planned-table th.date {width:50px;}
    .calendar #planned-table th.reg-pay {width:120px;}
    .calendar #planned-table td {font-size: 10px;}
    .calendar #planned-table td .badge{font-size: 6px; padding: 2px 3px 0px;}
    .calendar h3 {font-size: 16px; margin-top: 10px;}
    .calendar h3 .add-own-event{margin-top: -2px;}



}