.flex-row{ display:flex; flex-direction: row; align-items: center; justify-content: space-around; } .col-md-3{ align-items: center; justify-content: center; } .text-center{ } .text-muted{ } .calendar-box * { margin: 0; padding: 0; box-sizing: border-box; } .calendar-box { border: 1px solid #d2d2d2; box-shadow: 0 2px 4px rgba(0,0,0,.12); background-color: #fff; color: #666; position: relative; z-index: 0; display: inline-block; /* width: 272px; */ border-radius: 2px; font-size: 14px; } .calendar-content { position: relative; padding: 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .calendar-content table { border-collapse: collapse; border-spacing: 0; } .calendar-content th, .calendar-content td { border: 1px solid #d3d3d3; width: 46px; height: 35px; padding: 1px; text-align: center; } .calendar-content th { font-weight: 400; color: #333; } .calendar-content td { position: relative; cursor: pointer; transition-duration: .3s; -webkit-transition-duration: .3s; } .calendar-content td:hover { background-color: #eaeaea; color: #333; } .calendar-content .calendar-day-mark-td { height: 33px; background-color: #e9dcd5; } .calendar-day-mark { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 33px; font-size: 12px; overflow: hidden; } .calendar-content .month { background-color: #e6f9ff; } .calendar-content .weekend { color: red; } .calendar-disabled { background: 0 0!important; cursor: not-allowed !important; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .calendar-workday { color: white; background-color: #080101; } .calendar-workday:hover { background-color: #080101b3; } .calendar-holiday { color: white; background-color: #f39c97; } .calendar-holiday:hover { background-color: #f39c97ab; } .calendar-th-td { width:150px; } .no-data-content{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .no-data-img{ width: 300px; height: auto; } .no-data-text{ font-size: 30px; color: #aaaaaa; text-align: center; margin-top: 30px; }