.happy_hidden {
  display: none !important;
}

.cp-color-picker {
  z-index: 999999;
}

.happy-tag {
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 15px;
  z-index: 9;
  position: relative;
}

.happy_item_icon {
  position: relative;
  bottom: unset;
  left: unset;
  margin: 0 !important;
  background: transparent;
}

.happy-email-event-row {
  margin-bottom: 20px;

  .title {
    display: flex;
    align-items: center;

    .header {
      margin: 0;
    }

    .happy_icon_status_email_event {
      margin-left: 10px;
    }
  }
}

.happy_wrap_icons {
  box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
  padding: 15px;
  border-radius: 6px;
  border: 1px solid rgba(34, 36, 38, 0.15);
  display: flex;
  flex-wrap: wrap;

  .happy_choose_icon {
    position: relative;
    font-size: 20px !important;
    padding: 5px !important;
    margin: 5px !important;
    opacity: 0.4;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border: solid 1px transparent !important;
    border-radius: 4px !important;

    &.happy_icon_selected {
      background: unset;
      opacity: 1;
      transform: scale3d(1.2, 1.2, 1.2);
      border: solid 1px #000000 !important;
    }

    .happy_item_icon {
      left: unset !important;
    }
  }
}

#helpdesk-settings-form {

  * {
    box-sizing: border-box;
  }

  select {
    max-width: 100%;
  }

  .ViSelect2-container {
    .ViSelect2-selection--single {
      height: 38px;
      border: 1px solid rgba(34, 36, 38, .15);

      .ViSelect2-selection__rendered {
        line-height: 38px;
      }

      .ViSelect2-selection__arrow {
        height: 36px;
      }
    }
  }
}

* {
  box-sizing: border-box;
}

.happy_wrap_admin_page {
  padding-right: 20px;
  position: relative;

  .happy_content_wrapper {
    border: none;
    box-shadow: 0 0 3px 0 #a4b0be;
    border-radius: 5px;
    padding: 15px;
    box-sizing: border-box;
    background-color: #fff;
  }
  #villatheme-support{
    margin-top: 50px;
    border: none;
    box-shadow: 0 0 3px 0 #a4b0be;
    border-radius: 5px;
    padding: 15px;
    background-color: #fff;
  }
}

.happy-wrap-filter {
  display: flex;
  margin: 0 -10px;

  .filters-group {
    padding: 0 10px;
    flex: 0 0 200px;

    .input-group-prepend {
      font-weight: bold;

    }

    .form-control {
      width: 100%;
    }
  }
}

.helpdesk-working-hours-form {
  .two.fields {
    margin: 0;
  }

  input[type=time] {
    padding: 5px !important;
  }

  .helpdesk-working-hours-action-col {
    width: 0;
  }

  .helpdesk-working-hours-action-fill {
    .arrow {
      position: static;
      height: 100% !important;

      &:after {
        content: unset;
      }
    }
  }
}

.helpdesk-holiday-section {
  margin-bottom: 1em;

  .two.fields {
    margin-bottom: 0;
  }

  .helpdesk-holiday-date {

    .helpdesk-holiday-day {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-right-color: transparent !important;
    }

    .helpdesk-holiday-month {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }
  }

  .helpdesk-holiday-remove-event {
    font-size: 20px;
    cursor: pointer;
    float: right;
    line-height: 0.8;

    &:hover {
      color: red;
    }
  }
}

button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled),
input.dt-button:hover:not(.disabled),
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled),
input.dt-button:focus:not(.disabled),
button.dt-button:active:not(.disabled):hover:not(.disabled),
button.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled),
input.dt-button:active:not(.disabled):hover:not(.disabled),
input.dt-button.active:not(.disabled):hover:not(.disabled) {
  border: unset !important;
  background-color: #198f35;
  color: #fff;
  text-shadow: none;
}

button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled),
input.dt-button:hover:not(.disabled) {

}

#happy_list_ticket_categories_wrapper,
#happy_list_ticket_statuses_wrapper {
  .dataTables_filter {
    float: none;

    input {
      padding: 2.5px;
    }
  }

  .happy-link-actions {
    text-decoration: none;
  }

  .dataTables_paginate {
    display: flex;
    margin: 1rem 0;
    background: #fff;
    font-weight: 400;
    border: 1px solid rgba(34, 36, 38, .15);
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
    border-radius: 0.28571429rem;
    min-height: 2.85714286em;
    padding: 0;

    .paginate_button {
      position: relative;
      vertical-align: middle;
      line-height: 1;
      text-decoration: none;
      -webkit-tap-highlight-color: transparent;
      flex: 0 0 auto;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background: 0 0;
      padding: 0.92857143em 1.14285714em;
      text-transform: none;
      color: rgba(0, 0, 0, .87);
      font-weight: 400;
      transition: background .1s ease, box-shadow .1s ease, color .1s ease;
      border: none;

      &.current {
        background: rgba(0, 0, 0, .05) !important;
        color: rgba(0, 0, 0, .95) !important;
        font-weight: 400;
        box-shadow: none;
      }

      &:hover {
        cursor: pointer;
        background: rgba(0, 0, 0, .03) !important;
        color: rgba(0, 0, 0, .95) !important;
      }
    }
  }

}

#happy_list_ticket_statuses,
#happy_list_ticket_categories {
  border-bottom: 1px solid rgba(34, 36, 38, .15)
}

#happy_list_ticket_categories {
  .helpdesk-description {
    margin: 0 0 3px 0;
  }

  thead {
    tr {
      th {
        &.happy_th_handle_sortable {
          width: 15px !important;
        }

        &.happy_th_category_menu_order {
          width: 15px !important;
        }

        &.happy_th_category_name {
          width: 40%;
        }

        &.happy_th_category_assign {
          width: 10% !important;
        }

        &.happy_th_category_conditional {
          width: 30% !important;
        }

        &.happy_th_category_count {
          width: 15px !important;
          text-align: center;
        }


      }
    }
  }

  tbody {
    tr {
      td {
        &.happy_td_handle_sortable {
          cursor: move;

          &:before {
            content: "\f333";
            font-family: Dashicons;
            text-align: center;
            line-height: 1;
            color: #999;
            display: block;
            width: 17px;
            height: 100%;
            margin: 4px 0 0 0;
          }

          &.happy_loading {
            &:before {
              display: none;
            }
          }
        }

        &.happy_td_category_name {


        }

        &.happy_td_category_count {
          text-align: center;
        }
      }
    }
  }
}

.happy_wrap_edit_ticket_categories_page {
  .happy_wrap_cat_condition {
    .condition_item {
      display: flex;
      align-items: center;
    }
  }

  #happy_ticket_category_order_number {
    cursor: not-allowed;
    opacity: 0.5;
  }
}
.ViSelect2-container--default .ViSelect2-selection--multiple{
  border: 1px solid #8c8f94;
}
/*
.happy_ticket_category_fields {
  .field {
    flex: 1 0 auto !important;
  }
}*/