.upload-area {
  width: 100%;
  height: 200px;
  border: 2px solid lightgray;
  border-radius: 3px;
  margin: 0 auto;
  text-align: center;
  overflow: auto;
  display: flex;
  align-items: center;
}

.upload-area:hover {
  cursor: pointer;
}

.upload-area h1 {
  text-align: center;
  font-weight: normal;
  font-family: sans-serif;
  line-height: 50px;
  color: gray;
}

.thumbnail > .row {
  overflow-x: auto;
  white-space: nowrap;
}

body > #wrapper {
  background-color: #2e3c54;
  margin-top: 50px;
}

#wrapper > #page-wrapper {
}

.breadcrumb {
  padding-top: 12px;
  margin-bottom: 0;
  background-color: transparent;
}

.container-row {
  margin-bottom: 100px;
}

.alert-warning {
  margin-top: 8px;
}

.table td,
.table-form .td-input {
  vertical-align: middle !important;
}
.table-form .td-input input {
  text-align: right;
}

.table-form .td-label {
  width: 55%;
}

.table .td-divider {
  background-color: #337ab7 !important;
}

.table .td-divider th:first-child {
  border-left: 1px solid #337ab7 !important;
}

.table .td-divider th:last-child {
  border-right: 1px solid #337ab7 !important;
}

.table .td-divider th,
.table .td-divider td {
  border: 2px solid #fff;
  border-top: 2px solid #aaa !important;
  color: white;
  border-bottom-color: #f58220;
  border-bottom-width: 2px;
  vertical-align: middle;
}

.table .td-divider th.no-orange {
  border-bottom-color: #fff !important;
}

.table-need-lg {
  min-width: 500px;
}

.dataTables_wrapper {
  overflow: auto;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.need-loading {
  display: none;
}

.ui-datepicker {
  margin-top: 300px;
}

.loader {
  position: relative;
  width: 100%;
  min-height: 300px;
  /*background: url(../img/loading.gif) center no-repeat;*/
}

.page-header {
  color: #093f89;
  border: none;
  margin: 24px 0 0 0;
}

.tab-content {
  margin-bottom: 50px;
}

.btn-primary {
  /*    background-color: #093F89;
        border-color: #1B2331;*/
}

.btn-mobile {
  display: none;
}

a {
  color: #093f89;
}
.padding-bottom-4 {
  padding-bottom: 4px;
}

.padding-10 {
  padding: 10px 0;
}

.no-margin {
  margin: 0;
}

.no-margin-top {
  margin-top: 0;
}

.bg-primary {
  background-color: #093f89;
}

.bg-secondary {
  background-color: #00bce9;
}

.bg-highlight {
  background-color: #dbe11d;
}

.tr-primary {
  background: #1f77b4 !important;
  color: white;
}

.tr-danger {
  background: #ff7f0e !important;
  color: white;
}

.text-white {
  color: white;
}

.text-orange {
  color: #f58220;
}

.top-10 {
  margin-top: 10px;
}

.relative {
  position: relative;
  padding: 1px;
}

.bg-grey {
  background: #f9f9f9;
}

.bg-load {
  background-color: #c5cae9;
}

.bg-room {
  background-color: #a3aadc;
}

.row-booking {
  padding: 14px 0;
  border-bottom: 1px solid #ddd;
}

.row-booking.first {
  border-top: 1px solid #ddd;
}

.font-bold {
  font-weight: bold;
}

.large-radio {
  width: 20px;
  height: 20px;
}

label small {
  font-weight: normal;
}

.no-pad {
  padding: 0 !important;
}

.no-pad-ul ul {
  padding: 0 !important;
}

/*default*/

.not-set {
  color: #c55;
  font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}

a.asc:after {
  content: "\e093";
}

a.desc:after {
  content: "\e094";
}

.sort-numerical a.asc:after {
  content: "\e153";
}

.sort-numerical a.desc:after {
  content: "\e154";
}

.sort-ordinal a.asc:after {
  content: "\e155";
}

.sort-ordinal a.desc:after {
  content: "\e156";
}

/* navbar */

.navbar-fixed-top {
  background-color: #09548e;
  border-bottom: 2px solid #f58220;
  color: #fff;
}

.navbar-fixed-top a,
.navbar-default .btn-link {
  color: #fff;
}

.navbar-default .btn-link:hover {
  color: #f58220;
  text-decoration: none;
}

.navbar-top-links > li > a:focus,
.navbar-top-links > li > a:hover,
.navbar-top-links > .open > a:focus,
.navbar-top-links > .open > a:hover,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #f58220;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background-color: transparent;
}

.logo {
  max-width: 140px;
}

.logo.side {
  max-width: 100%;
}

.navbar-brand {
  margin-left: 28px;
  line-height: 1.42857143;
  color: white !important;
}

.navbar-default .navbar-toggle {
  border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.nav li > form > button.logout {
  padding: 15px;
  border: none;
}

/* sidebar */

.sidebar-toggle {
  position: absolute;
  margin: 11px 0 0 6px;
  padding: 4px;
  cursor: pointer;
}

.sidebar-toggle .icon-bar {
  background-color: white;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  position: relative;
  margin-top: 4px;
}

.sidebar ul li {
  background-color: #2e3c54;
  border-bottom: 1px solid #3f5273;
}

.sidebar ul li a {
  color: #fff;
}

.sidebar a + .collapse in {
  background-color: #3f5273;
}

.sidebar ul li a.active {
  background-color: #3f5273;
}

.sidebar ul li a:hover,
.sidebar ul li a:focus {
  background-color: #1b2331;
}

.sidebar .fa-fw {
  padding-right: 32px;
}

.sidebar {
  left: -210px;
  height: 100vh;
  background-color: #2e3c54;
}

.sidebar .badge-news {
  position: absolute;
  right: -4px;
  top: -4px;
  background: #f58220;
}

#page-wrapper {
  margin-left: 40px;
}

.login-bg {
  background: url("../img/home.jpg") no-repeat fixed center top;
  background-size: cover;
}

.login-panel {
  margin-top: 5%;
  border: none;
}

.login-title {
  margin-top: 15%;
  font-size: 20px;
  color: #093f89 !important;
  font-weight: bold;
}

.login-panel .btn-primary {
  background-color: #093f89;
}

.login-panel .panel-heading {
  text-align: center;
  padding: 20px;
  color: white;
  background-color: #093f89;
}

.login-panel .panel-heading span {
  display: block;
  padding-top: 8px;
  font-size: 24px;
  vertical-align: middle;
}

.panel-body .panel-title {
  margin: 10px 0 20px 0;
  font-size: 24px;
}

.grid-view {
  overflow-x: auto;
}

.text-large {
  font-size: 24px;
}

/*FORM OVERRIDE!*/

.form-control,
.btn,
.label,
.panel {
  border-radius: 0;
  box-shadow: none;
}

.form-control {
  height: 30px;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 1.4;
}

.input-group-addon {
  padding: 5px 6px;
}

label {
  margin-bottom: 2px;
}

select.form-control {
  min-width: 70px;
}

.form-control.no-max {
  width: auto !important;
}

.form-group {
  margin-bottom: 0;
}

.form-group.pull-right {
  margin-bottom: 8px;
}

.chosen-container-single .chosen-single {
  border-radius: 0;
}

.btn {
  height: 30px;
  padding: 4px 8px;
  font-size: 14px;
}

table.dataTable.data-table {
  margin-bottom: 20px !important;
}

.wizard .panel {
  margin: 20px 0;
  padding: 5px 0;
  background-color: #eee;
  color: #333;
  text-align: center;
  /*    font-size: large;*/
  border-right: 1px solid #aaa;
}

.wizard .panel.past {
  background-color: #ddd;
  color: #888;
}

.wizard .panel.active {
  background-color: #337ab7;
  color: white;
  font-weight: bold;
}

.well.no-margin {
  margin-bottom: 0;
  padding: 0px 19px 4px 19px;
}

@media (min-width: 768px) {
  .sidebar {
    margin-top: 52px;
  }
}

@media (max-width: 767px) {
  .nav li > form > button.logout {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 15px;
  }

  body > #wrapper {
    /*margin-top: 100px;*/
  }

  .sidebar-toggle {
    display: none;
  }

  .navbar-brand {
    margin-left: 0;
  }

  .sidebar {
    height: auto;
  }

  .sidebar .badge-news {
    right: 0;
  }

  #page-wrapper {
    margin-left: 0 !important;
    padding: 0;
  }

  .form-control.no-max {
    width: 100% !important;
    margin-bottom: 2px;
  }

  .btn-mobile {
    display: inline-block;
  }

  .btn-hide-sm {
    display: none;
  }
}

@media print {
  body * {
    visibility: hidden !important;
  }
  .to-print,
  .to-print * {
    visibility: visible !important;
  }
  .to-print {
    position: absolute !important;
    left: 0;
    top: 0;
  }
}

.bold {
  font-weight: bold;
}

.seatnumber-stroke {
  font-weight: bold;
  cursor: default;
  color: #09548e;
  text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;
}

/* OVERRIDE */
.select2-selection__choice__remove {
  margin-top: 0 !important;
}

.select2-container--krajee-bs3 {
  height: 32px !important;
}

.select2-container--krajee .select2-selection--multiple {
  height: 32px !important;
}

.select2-selection__clear {
  top: 4px !important;
}