.arrowbutton {
display:none;
}

@media screen and (min-width:786px) {
    .arrowbutton {
        display:block;
        border:0;
        background:none;
        font-size:10rem;
        color:rgb(96,96,102);
        cursor:pointer;
        text-shadow:0 0 3px #000;
        outline:0;
    }

    .arrowbutton:hover {
        color: rgb(141,141,147);
    }
}

.buttonsbusinesshours {
    padding: 3px 3px;
    height: 30px;
    font-size: 1.1rem;    
    color: #efefef;
    border:0;
    background-color: rgb(96,96,102);
    outline: none;
}
.buttonsbusinesshours + .buttonsbusinesshours {
    margin-left: 16px;
}

.buttonsbusinesshours:hover {
    background-color: rgb(141,141,147);
}

.button.square {
width:40px;
height: 40px;
line-height:36px;
font-size: 2rem;
text-align:center;
margin:10px 0;
vertical-align:top;
}

.button.square + .button.square {
margin-left:10px;
}

.button.square.removebooking,
.button.square.cancelrequest {
background-color: rgb(142,54,54);
border:2px solid #efefef;
}

.button.square.acceptrequest {
background-color: rgb(167,183,137);
border:2px solid #efefef;
}

.management-button {
padding:0;
line-height:1;
font-size:1rem;
text-align:center;
border:0;
background-color:transparent;
color:#efefef;
cursor:pointer;
}

.management-button i {
font-size:1.25rem;
}

.management-button + .management-button {
margin-left:0.5rem;
}

.management-button:hover {
color:#cfcfcf;
}