.header{padding:10px 20px;background-color: #03405c;margin-bottom: 20px}
.header a{color: #fff}

.margin-top-40{margin-top:40px}

.form-signin{margin:0 auto;max-width:330px;padding:15px}

.tab-content{padding:20px 0}

.control-label .required{color: #e02222; padding-left: 2px}

.details .list-group-item{background-color: #f8f9fa}

.details.nav-pills{border-bottom: 2px solid #007bff}
.details.nav-pills a.nav-link.active{border-radius: 0}

.schedule{position: relative}
.schedule .table {border-collapse: separate}
.schedule .table thead th{border-bottom: none; text-transform: uppercase}
.schedule .table td{border: none}
.schedule .table tbody td{padding: 15px}
.schedule .table tbody td.day{text-align: center}
.schedule .table tbody td.day-passed{opacity: 0.3}
.schedule .table tbody td.day-checkin{background: linear-gradient(90deg,#fff 50%, #e02222 50%); border-radius: 50% !important}
.schedule .table tbody td.day-checkout{background: linear-gradient(270deg,#fff 50%, #e02222 50%); border-radius: 50% !important}
.schedule .table tbody td.day-vn{background: linear-gradient(to bottom, #e02222 0, #e02222 33%, #fff 33%, #fff 67%, #e02222 67%, #e02222 100%); color: #e02222 !important; border-style: solid; border-width: 1px; border-color: #e02222;}
.schedule .table tbody td.day-vn.day-checkin{background: linear-gradient(90deg,#fff 50%, transparent 50%), linear-gradient(to bottom, #e02222 0, #e02222 33%, #fff 33%, #fff 67%, #e02222 67%, #e02222 100%); color: #e02222 !important; border: none}
.schedule .table tbody td.day-checkout-vn{background: linear-gradient(270deg,#fff 50%, transparent 50%), linear-gradient(to bottom, #e02222 0, #e02222 33%, #fff 33%, #fff 67%, #e02222 67%, #e02222 100%); color: #e02222 !important; border-radius: 50% !important}
.schedule .table tbody td.day-booked,
.schedule .table tbody td.day-option{color: white; border-radius: 50% !important}
.schedule .table tbody td.day-booked{background-color: #e02222}
.schedule .table tbody td.day-booked.day-selected{background: repeating-linear-gradient(135deg, #ccc, #ccc 5px, #e02222 0px, #e02222 10px)}
.schedule .table tbody td.day-option{background-color: #ffb848}
.schedule .table tbody td.day-option.day-selected{background: repeating-linear-gradient(135deg, #ccc, #ccc 5px, #ffb848 0px, #ffb848 10px)}
.schedule .table tbody td.day-selected{border-radius: 50% !important; background: repeating-linear-gradient(135deg, #ccc, #ccc 5px, #fff 0px, #fff 10px);}

.schedule-container .container{z-index: 1}

.schedule-container .curtain{display: none; z-index: 2; position: fixed; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8}

.schedule-container .actions{display: none; z-index: 3; position: fixed; width: 100%; bottom: 0; background-color: #ededed; padding: 20px; text-align: center}
.schedule-container .actions.fullscreen{height: 100% !important}
.schedule-container .actions .form-dispo{display: none; text-align: left; margin-bottom: 20px}
.schedule-container .actions .form-dispo.form-bordered .form-group{border-bottom: 1px solid #ccc}
.schedule-container .actions .form-dispo .dispo-list label{padding: 10px; margin-bottom: 5px}
.schedule-container .actions .form-dispo .dispo-list label.white{background-color: white}
.schedule-container .actions .form-dispo .dispo-list label.red{background-color: #e02222; color: white}
.schedule-container .actions .form-dispo .dispo-list label.orange{background-color: #ffb848; color: white}

.schedule-container .warning-msg{display: none; z-index: 4; position: fixed; width: 100%; top: 0; color: white; background-color: #ffb848; padding: 20px; text-align: center; font-size: 30px; font-family: Champagne}