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

.table {
    table-layout: fixed !important;
    width: 100% !important;
    white-space: nowrap !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: 40px;
    padding: 5px 0px 0px 5px;
  }

  .calendar td a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    text-decoration: none;
  }

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

 .vacations {
    width: 98%;
    margin: auto;
    font-size: 13px;
    border-collapse:separate;
    border: none;
    border-radius:6px;
  }

  .vacations td {
    width: 200px;
    height: 40px;
    padding: 5px 10px 10px 5px;
  }


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

  .crispyform .error {
    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;
}

.table-responsive-fix{
   display:table !important;
}