/* Backend */
#logoutBtn { position: absolute; top: 0; right: 0; margin: 0; font-size: 140%; line-height: 40px; padding: 0 10px; }

#backend_wrapper .backend_el { float: left; width: 60%; padding-right: 2%; /*max-height: 900px; overflow: auto;*/ }
#backend_wrapper .backend_el#backendInput { width: 40%; padding-left: 2%; padding-right: 0; border-left: 1px solid var(--box); }
#backend_wrapper .backend_el#backendOverview { width: 100%; padding-top: 2%; border-top: 1px solid var(--box); /*max-height: 2000px;*/ }

.visitor_wrapper { width: 100%; text-align: left; }
.visitor_wrapper tr th { border-bottom: 1px solid var(--box); padding: 0 5px 5px 5px; }
.visitor_wrapper tr td { line-height: 30px; padding: 5px; }

hr { border: none; height: 1px; width: 100%; background: var(--box); padding: 0; margin: 10px 0; }

table tr td.buttons { text-align: right; }
.checkInBtn { display: inline-block; color: var(--white); background: var(--warning); line-height: 30px; padding: 0 10px; cursor: pointer; margin-left: 10px; }
.checkInBtn.checkedIn { background: var(--success); }
.checkInBtn:before { content: '\E80A'; font-family: "fontello"; font-style: normal; font-weight: normal; margin-right: 5px; }
.checkInBtn.checkedIn:before { content: '\F112'; }

.checkInColumn { width: 140px; }

.deleteBtn { cursor: pointer; margin-top: 0; }

.msg_head { cursor: pointer; }
.msg_head .opener { float: left; width: 30px; text-align: center; line-height: 30px; position: relative; z-index: 3; }
.msg_head .opener:before { content: "\E80C"; font-family: "fontello"; font-style: normal; font-weight: normal; color: var(--text); }
.msg_head.opened .opener:before { content: "\E80D"; }
.msg_head.fancy { display: block; width: 100%; line-height: 30px; margin-bottom: 10px; background: var(--box); }
.msg_head.fancy.opened { background: var(--highlight); }
.msg_body { margin-bottom: 20px; display: none; }

.timeslots .timeslot.noBtn.msg_head .freeSlots { width: 55%; }

.amountPersonsChangeText { width: 50px; text-align: right; float: left; }
.changeAmountBtn { display: none; float: left; height: 40px; line-height: 40px; cursor: pointer; margin: 0; }

.refreshBtn { position: absolute; top: 0; right: 140px; cursor: pointer; margin: 0; line-height: 40px; font-size: 20px; width: 40px; text-align: center; }

.checkbox_label { margin-top: 30px; }

#exportContent { display: none; margin-top: 30px; }