.table .table-key-column {
  width: 50px;
}

.table .table-actions-column {
  width: 160px;
}

.table .list-inline {
  margin: 0;
}

.alert {
  text-transform: uppercase;
  font-weight: bold;
}

.alert .fa {
  margin-right: 10px;
}

.team-template-inputs .form-control {
  margin-bottom: 10px;
}

.btn-label {
  margin-top: 25px;
}

.btn-label:hover, .btn-label:focus {
  margin-top: 26px;
}

.input-group-btn .btn-label {
  margin-top: 9px;
}

.input-group-btn .btn-label:hover, .input-group-btn .btn-label:focus {
  margin-top: 10px;
}

.ordarable .order-handle {
  text-decoration: none !important;
}

.ordarable .order-handle .fa-bars {
  cursor: pointer;
}

.ordarable .order-handle:hover {
  text-decoration: none;
}

html.app {
  height: 100%;
}

html.app body {
  height: 100%;
}

html.login {
  height: 100%;
}

html.login body {
  height: 100%;
  background: url("../img/login_bg.jpg") no-repeat center;
  background-size: cover;
}

html.login body .container {
  height: 100%;
}

html.login body .container .row {
  height: 100%;
}

html.login body .container .row > div {
  height: 100%;
}

html.login body .container .row > div .login-form-container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.footer {
  margin-top: 60px;
  padding: 15px;
  background-color: #f8f8f8;
  border-top: 4px solid #e7e7e7;
}

.event-verified-icon,
.event-confirmed-icon {
  color: #28b62c;
}

.event-completed-icon {
  color: #ff851b;
}

.event-incomplete-icon {
  color: #ff4136;
}

.table .event-verified-icon,
.table .event-confirmed-icon,
.table .event-completed-icon,
.table .event-incomplete-icon {
  position: relative;
  z-index: 1;
}

.table .event-verified-icon:after,
.table .event-confirmed-icon:after,
.table .event-completed-icon:after,
.table .event-incomplete-icon:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: -1px;
  left: -2px;
  background-color: #fff;
  z-index: -1;
  border-radius: 50%;
}

.toggle.btn:hover, .toggle.btn:focus {
  margin-top: 0 !important;
}

.error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle {
  border-width: 1px;
}

.search-form > div {
  display: inline-block;
}

.search-form > div > div {
  display: inline-block;
  vertical-align: top;
}

.search-form input[type="text"] {
  width: 450px;
}

@media screen and (max-width: 470px) {
  .search-form input[type="text"] {
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .mobile-logout {
    display: none;
  }
}

.logo {
  max-height: 100%;
}

.clone-btn, .add-position-btn {
  margin-right: 25px;
}

.modal-body {
  color: #555 !important;
}

.user-menu {
  min-width: 300px;
}

@media screen and (min-width: 1200px) {
  .user-icon {
    margin-top: 5px;
    margin-left: 15px;
  }
}

.space-button-to-right {
  margin-right: 10px;
}

.space-button-to-left {
  margin-left: 10px;
}

.add-offer-template-option-button {
  margin-bottom: 15px;
}

.offer-template-panel .panel-title > span {
  display: block;
}

.offer-template-panel .panel-title > span > span {
  display: block;
}

.table .radio, .table .checkbox {
  margin: 0;
}

.job-description-modal-body {
  margin: 0 35px;
  padding: 20px 0;
}

.preview-btn {
  float: right;
  margin-left: 10px;
}