/*calendar START*/
.calendar-form {
  padding: 25px; }
  .calendar-form .custom-control {
    min-height: 30px;
    min-width: 30px; }
    @media (max-width: 575px) {
      .calendar-form .custom-control {
          display: -webkit-box;  /* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UC Browser Android */
          display: -moz-box;      /* Firefox 2 - 27 (2009 Spec), UC Mini */
          display: -ms-flexbox;  /* IE10 (2012 Syntax) */
          display: -webkit-flex;  /* Safari 6.1 - 8, Android < 4.4, BB < 10, Chrome 21 - 28 */
          display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-left: 40px; } }
    .calendar-form .custom-control-indicator {
      width: 30px;
      height: 30px;
      margin-right: 12px;
      -webkit-border-radius: 0;
              border-radius: 0; }
      .calendar-form .custom-control-indicator.kommers {
        background-color: #80DEEA; }
      .calendar-form .custom-control-indicator.vgr {
        background-color: #81C784; }
    .calendar-form .custom-control .custom-control-input:focus ~ .custom-control-indicator {
      -webkit-box-shadow: none;
              box-shadow: none; }

.month {
  width: 260px;
  font-size: 0.875rem; }
  .month td,
  .month th {
    font-weight: normal; }
  .month td div::-moz-selection,
  .month td::-moz-selection,
  .month th::-moz-selection {
    cursor: default;
    background: transparent; }
  .month td div::selection,
  .month td::selection,
  .month th::selection {
    cursor: default;
    background: transparent; }
  .month-container {
    padding: 25px 10px; }
  .month .month-title {
    font-size: 1.55rem;
    color: #dd7e50;
    text-align: center;
    font-weight: normal; }
  .month .day {
    padding: 3px;
    text-align: center;
    /*
    & .day-content{
      background-color: #E6E6E6;
    }*/ }
    .month .day > div {
      height: 30px;
      width: 30px;
      line-height: 30px;
      margin: 0;
      padding: 0; }
    .month .day .weekend, .month .day-header.weekend {
      color: #e53935; }
    .month .day .kommers {
      background: #80DEEA; }
      .month .day .kommers:hover {
        cursor: pointer; }
    .month .day .vgr {
      background: #81C784; }
      .month .day .vgr:hover {
        cursor: pointer; }
    .month .day .current_issue {
      background-color: #80DEEA; }
      .month .day .current_issue:hover {
        cursor: pointer; }
    .month .day .published_issue {
      background-color: #81C784; }
      .month .day .published_issue:hover {
        cursor: pointer; }
    .month .day .future_issue {
      background-color: #c0c0c0; }
      .month .day .future_issue:hover {
        cursor: pointer; }
    .month .day .kommers-vgr {
      background: -webkit-gradient(linear, -45deg, color-stop(50%, #80DEEA), color-stop(50%, #81C784));
      background: -webkit-linear-gradient(-45deg, #80DEEA 50%, #81C784 50%);
      background: -moz-linear-gradient(-45deg, #80DEEA 50%, #81C784 50%);
      background: -o-linear-gradient(-45deg, #80DEEA 50%, #81C784 50%);
      background: linear-gradient(to -45deg, #80DEEA 50%, #81C784 50%); }
      .month .day .kommers-vgr:hover {
        cursor: pointer; }
    .month .day .current-day {
      outline: 2px solid #e53935;
      border: 1px solid #e53935; }
    .month .day-header {
      text-align: center; }
    .month .day .weekend {
      background-color: #FCE5E5; }

.calendar-pop {
  max-width: 148px;
  margin: -9px -15px;
  text-align: center;
  line-height: 1.2; }
  .calendar-pop .calendar-pop__head {
    font-size: 18px;
    font-weight: 600;
    padding: 5px; }
    .calendar-pop .calendar-pop__head.kommers {
      background: #80DEEA; }
    .calendar-pop .calendar-pop__head.vgr {
      background: #81C784; }
    .calendar-pop .calendar-pop__head.published_issue {
      background: #81C784; }
    .calendar-pop .calendar-pop__head.current_issue {
      background: #80DEEA; }
    .calendar-pop .calendar-pop__head.future_issue {
      background: #c0c0c0; }
  .calendar-pop .calendar-pop__body {
    padding: 5px; }

/*calendar END*/