table { font-size: inherit; }
table thead th { white-space: nowrap; }

dd { margin-bottom: 10px; }

.capitalise { text-transform: capitalize; }
.nowrap { white-space: nowrap; }
.bold { font-weight: bold; }
.noPointerEvents { pointer-events: none; }

.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: left; /* Optional, to align inner items horizontally inside the column */
}



.top2p { margin-top: 2% !important; }
.top5p { margin-top: 5% !important; }
.top10p { margin-top: 10% !important; }
.top15p { margin-top: 15% !important; }
.top20p { margin-top: 20% !important; }

.bottom2p { margin-bottom: 2% !important; }
.bottom5p { margin-bottom: 5% !important; }
.bottom10p { margin-bottom: 10% !important; }
.bottom15p { margin-bottom: 15% !important; }
.bottom20p { margin-bottom: 20% !important; }

.top0 { margin-top: 0 !important; }
.top5 { margin-top: 5px !important; }
.top10 { margin-top: 10px !important; }
.top15 { margin-top: 15px !important; }
.top20 { margin-top: 20px !important; }
.top30 { margin-top: 30px !important; }
.top40 { margin-top: 40px !important; }

.bottom0 { margin-bottom: 0 !important; }
.bottom5 { margin-bottom: 5px !important; }
.bottom10 { margin-bottom: 10px !important; }
.bottom15 { margin-bottom: 15px !important; }
.bottom20 { margin-bottom: 20px !important; }
.bottom30 { margin-bottom: 30px !important; }
.bottom40 { margin-bottom: 40px !important; }

tr.spaceAbove > th, tr.spaceAbove > td { padding-top: 0.5em; }
tr.spaceUnder > th, tr.spaceUnder > td { padding-bottom: 0.5em; }



.help.glyphicon { top: 0.2em; font-size: 1.2em; }


/*  http://charliepark.org/bootstrap_buttons/  */
.btn-dark, .btn-dark.disabled:active {
  background-color: hsl(0, 0%, 38%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#939393", endColorstr="#606060");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#939393), to(#606060));
  background-image: -moz-linear-gradient(top, #939393, #606060);
  background-image: -ms-linear-gradient(top, #939393, #606060);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #939393), color-stop(100%, #606060));
  background-image: -webkit-linear-gradient(top, #939393, #606060);
  background-image: -o-linear-gradient(top, #939393, #606060);
  background-image: linear-gradient(#939393, #606060);
  border-color: #606060 #606060 hsl(0, 0%, 33%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
}
.btn-dark:not(.disabled):hover {
  background-color: hsl(0, 0%, 31%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#828282", endColorstr="#4f4f4f");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#828282), to(#4f4f4f));
  background-image: -moz-linear-gradient(top, #828282, #4f4f4f);
  background-image: -ms-linear-gradient(top, #828282, #4f4f4f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #828282), color-stop(100%, #4f4f4f));
  background-image: -webkit-linear-gradient(top, #828282, #4f4f4f);
  background-image: -o-linear-gradient(top, #828282, #4f4f4f);
  background-image: linear-gradient(#828282, #4f4f4f);
  border-color: #4f4f4f #4f4f4f hsl(0, 0%, 26%);
}
.btn-dark:not(.disabled):active {
  background-color: hsl(0, 0%, 19%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#636363", endColorstr="#303030");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#636363), to(#303030));
  background-image: -moz-linear-gradient(top, #636363, #303030);
  background-image: -ms-linear-gradient(top, #636363, #303030);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #636363), color-stop(100%, #303030));
  background-image: -webkit-linear-gradient(top, #636363, #303030);
  background-image: -o-linear-gradient(top, #636363, #303030);
  background-image: linear-gradient(#636363, #303030);
  border-color: #303030 #303030 hsl(0, 0%, 14%);
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.panel.acceptCookies { position: absolute; top: 35%; left: 0; right: 0; z-index: 999; background-color: white !important; text-align: center; border: 1px solid black; border-radius: 0; padding: 5px; }

.hotelIndex .errorMessage { margin: 30px 0; padding: 10px 15px; border: 1px solid black; font-weight: bold; }

.aedDirham { height: 0.75em; width: auto; margin: 0 0.2em; }