.span-outline {
  padding-bottom: 1px;
  padding-left: 12px;
  padding-right: 0px;
  padding-top: 0px;
  border-radius: 4px;
  box-sizing: border-box;
  border-color: #d6e9c6;
  border-width: 1px;
  border-style: solid;
  margin-top: 2px;
}

.signature-pad {
  border-radius: 4px;
  box-sizing: border-box;
  border-color: #d6e9c6;
  border-width: 1px;
  border-style: solid;
}

.label-padding {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
}

.popup-label-padding {
  padding-bottom: 0;
  padding-left: 7px;
  padding-right: 0;
  padding-top: 5px;
}

.checkbox-padding {
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 0;
}

.link-padding {
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 0;
  padding-top: 0;
}

.form-large {
  font-size: 26px;
}

.small-textbox-width {
  max-width: 50px !important;
}

.form-large .control-label {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: normal;
}

.form-large input, .form-large button {
  font-size: 30px;
  padding: 10px;
  height: auto;
  line-height: normal;
}

.editor-margin {
  margin-top: 3px !important;
}

.green {
  background-color: #82b968;
  color: white;
}

.blue {
  background-color: #599af3;
  color: white;
}

.k-grid table tr:hover {
  cursor: pointer;
  background: #f5f5f5;
}

.modal.modal-wide .modal-dialog {
  width: 90%;
}

.modal-wide .modal-body {
  overflow-y: auto;
}

#keypad {
  margin: 0 auto;
  height: 440px;
}

.k-textbox-expand {
  width: 600px !important;
}

.k-textbox-medium-expand {
  width: 250px !important;
}

.h5 {
  font-size: 14px !important;
}

.searchBox {
  top: 10px;
}

.btn-primary {
  background-color: #666666 !important;
  border-color: #666666 !important;
  color: #FFFFFF;
  background: #666666 !important;
}

h5 {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.k-filter-menu {
  padding: 4px !important;
}

.multiselect-control {
  border-radius: 6px !important;
  background-color: #fff !important;
  color: #676767 !important;
  border-color: #ccc !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  white-space: normal !important;
  width: 450px;
}

#associatedDocksList .multiselect-control {
  border-radius: 6px !important;
  background-color: #fff !important;
  color: #676767 !important;
  border-color: #ccc !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  white-space: normal !important;
  width: 180px !important;
}


.k-multiselect .k-button {
  color: #444 !important;
  border-color: #f9f9f9 !important;
  background-color: #f9f9f9 !important;
  padding-left: 20px !important;
  padding-right: 10px !important;
}

.nav-tabs > li.active > a {
  box-shadow: 0 -2px 0 #666666 !important;
}

#bookingEntryView .panel-default > .panel-heading {
  /*background: #6E9BB9;*/
}

#bookingEntryView .panel-heading {
  /*color: white;*/
}

#orderDetailView .panel-default > .panel-heading {
  /*background: #8CA74F;*/
}

#orderDetailView .panel-heading {
  /*color: white;*/
}

#bookings th.k-header,
.k-grid-header {
  /*background: #6E9BB9;*/
}

#bookings th.k-header,
th.k-header .k-link {
  /*color: white;*/
}

#orders th.k-header,
.k-grid-header {
  /*background: #8CA74F;*/
}

#orders th.k-header,
th.k-header .k-link {
  /*color: white;*/
}

.panel-heading a:after {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  float: right;
  color: grey;
}

.panel-heading a.collapsed:after {
  content: "\e080";
}

#recurrenceSectionId .k-edit-label {
  text-align: left !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: "Open Sans",Arial,Helvetica,Sans-Serif !important;
  color: inherit !important;
}

#recurrenceSectionId .k-edit-field {
  width: 75.5% !important;
}

.k-recur-view .k-check {
  padding-right: 5px !important;
}

.k-reset > li > label > input {
  margin-right: 5px !important;
}

.okButton {
  width: 60px;
  float: right;
}

.k-window .k-loading-mask {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.dragoption {
  background-color: #6E9BB9;
  color: white !important;
  cursor: pointer !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

#dockDisplayGrid .k-grid-header {
  font-size: 20px;
}

#dockDisplayGrid .k-grid-content {
  font-size: 20px;
  color: white;
  text-align: center;
}

#dockDisplayGrid .k-grid-header .center-header {
  text-align: center;
}

#dockDisplayGrid tbody tr:hover {
  color: black;
}

.unanswered {
  color: red !important;
}

#waitingBayDisplayGrid .k-grid-header {
  font-size: 20px;
}

#waitingBayDisplayGrid .k-grid-content {
  font-size: 20px;
  text-align: center;
}

#waitingBayDisplayGrid tbody tr:hover {
  color: black;
}

#waitingBayDisplayGrid .k-grid-header .center-header {
  text-align: center;
}

#WaitingBaysDashboardGrid .k-grid-content {
  text-align: center;
}

#WaitingBaysDashboardGrid .k-grid-header .center-header {
  text-align: center;
}

#fileList {
  border: none !important;
}

.file {
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  height: 80px;
  margin: 2px;
  padding: 5px;
  width: 220px;
}

  .file > dl > dt {
    height: 50px;
  }

  .file > dl > dd {
    border-top: 1px solid;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
  }

div.k-dropzone {
  border: 1px solid #c5c5c5; /* For Default; Different for each theme */
  height: 200px;
  -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
  transition: width 2s;
}

  div.k-dropzone em {
    visibility: visible;
  }

#bookings .k-grid-toolbar,
#orders .k-grid-toolbar,
#activities .k-grid-toolbar,
#auditReport .k-grid-toolbar,
#questionInteractions .k-grid-toolbar {
  text-align: right;
}

#scheduler .k-scheduler-toolbar .k-scheduler-tools {
  text-align: right;
  float: right;
}

.standard-button {
  width: 80px;
  margin-left: 5px !important;
}

.standard-button68 {
  width: 68px;
}

#booking-popup-panelId h5 {
  margin-top: 5px;
}

#booking-popup-panelId .popup-label-padding {
  padding-top: 5px !important;
}

.loginlogo {
  max-width: 75%;
  margin-bottom: 15px;
}

.dashboard-heading {
  text-align: center;
}

.btn-transparent {
  color: #428bca !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  width: 64px;
}

  .btn-transparent:hover {
    text-decoration: underline !important;
  }

.master-data .panel-body .row div h5 {
  text-align: right;
}

.master-data .panel-body .row div input {
  margin-top: 5px;
}

.master-data .panel-body .row div span input {
  margin-top: 0px !important;
}

.order-popup .panel-body .row div h5 {
  text-align: right;
}

.order-popup .panel .panel-body .row div input {
  margin-top: 5px;
}

.login-info img {
  border-left: 0 !important;
}

.panel-body .k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
  min-width: 15px !important;
}

#editor .k-widget {
  margin-top: 5px;
}

.waitingbay-data .panel-body .row div h5 {
  text-align: right;
}

.scheduler-data .panel-body .row div h5 {
  text-align: right;
}

.manageDocks-data .panel-body .row div h5 {
  text-align: right;
}

.generic-booking-data .panel-body .row div h5 {
  text-align: right;
}

.generic-booking-data .panel-body .row div h5 {
  margin-top: 5px;
}

#recurrenceSectionId .k-edit-label {
  text-align: right !important;
}

.k-dropdown-wrap {
  padding-bottom: 1px !important;
}

.k-scheduler-cancel {
  color: #428bca !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  width: 64px;
}

  .k-scheduler-cancel:hover {
    text-decoration: underline !important;
  }

.k-input {
  padding-left: 2px !important;
}

/* Hide the Grid header and pager during export */
.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-pager-wrap {
  display: none;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tile-default {
  padding-top: 5%;
  color: white;
}

.f5-checkbox {
  margin-top: 12px !important;
}



@media (max-width: 1366px) {
  .tile-default {
    padding-right: 40%;
  }
}

/* ---- LOGIN ---- */

.login-background {
  margin: -10px -14px;
  padding: 10px 14px;
  height: calc(100vh - 145px);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.login-container {
  flex: 1;
  vertical-align: middle;
  position: static !important;
  left: auto !important;
  margin-left: 0 !important;
}

.hidden-menu #main {
  margin-left: 0px !important;
}

.margin-right-5 {
  margin-right: 5px;
}

.paddig-zero {
  padding: 0px;
}

.k-grid-header, .k-grid-content, .k-pager-wrap {
  font-size: 11px;
}

.label-success {
  background-color: #5cb85c;
}

#filterForm {
  font-size: 13px;
}

.content-page-heading {
  font-weight: 500;
}


.div-group-display {
  display: block;
}

.div-group-hide {
  display: none;
}

.border-animation {
  -webkit-animation: glow 1s infinite alternate; /* Chrome, Safari, Opera */
  animation: glow 1s infinite alternate;
}

@keyframes glow {
  from {
    box-shadow: 0 0 5px -5px black;
  }
  to {
    box-shadow: 0 0 5px 5px black;
  }
}