.login-image {
    background: url("../img/login-background.jpg") !important;
    background-position: center;
    background-size: cover;
}

.table {
    table-layout: fixed !important;
    width: 100% !important;
}

.bootstrap-tagsinput .tag {
    background: #4e73df;
    padding: 0 6px;
    margin-right: 2px;
    color: white;
    border-radius: 4px;
  }

  .calendar {
    width: 98%;
    margin: auto;
    font-size: 13px;
    border-collapse:separate;
    border:solid #dddfeb 1px;
    border-radius:6px;
  }

  .calendar tr, .calendar td {
    border: 1px solid #f1f3f9;
  }

  .calendar th {
    padding: 10px;
    text-align: center;
    font-size: 18px;
    background-color: #f1f3f9;
    border-top: none;
  }

  .calendar td {
    width: 200px;
    height: 90px;
    padding: 20px 0px 0px 5px;
  }

  .calendar td:first-child, th:first-child {
    border-left: none;
 }

  .month {
    font-size: 25px;
  }
  
  .date {
    font-size: 16px;
  }
  
  ul {
    height: 100%;
    padding: 0px 5px 0px 20px;
  }
  
  a {
    color: #17a2b8;
  }

  .crispyform .error .errorlist, .error {
    color: #d12b1f !important;
    font-size: 18px !important;
  }

  .errorlist li {
    color: #d12b1f;
    font-size: 18px;
  }

  .select2-container {
    width: 100% !important;
}

.alert-error {
  color: #f84848;
  background-color: #fac6c6;
  border-color: #863535;
}

.select2-selection {
  overflow: hidden;
}
.select2-selection__rendered {
  white-space: normal !important;
  word-break: break-all !important;
  max-width: 100% !important;
}

.control-label {
  margin-top:15px !important;
  margin-bottom:2px !important;
}

td {
  padding: 0 5px;
}

#loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
}