/**
* Last modified: 2020/12/24 12:55:59
* Part of the WordPress plugin Tag Groups
* Plugin URI: https://chattymango.com/tag-groups/
* Author: Christoph Amthor
* License: GNU GENERAL PUBLIC LICENSE, Version 3
*/

.tg_sort_tr {
    cursor: grab;
    transition: box-shadow .25s;
    height: 50px;
    width: 100%;
  
    &.ui-sortable-helper {
      td {
        min-width: 100px;
      }
  
      .tg_hide_when_drag {
        visibility: hidden;
      }
    }
  
    &:hover {
      box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.16);
    }
  }
  
  .ui-sortable-helper {
    cursor: grabbing;
  }
  
  .tg_pointer {
    cursor: pointer;
  }
  
  .tg_right {
    float: right;
  }
  
  .tg_left {
    float: left;
  }
  
  .tg_text {
    cursor: text;
  }
  
  .tg_large {
    font-size: 2em;
  }
  
  .tg_up, .tg_down {
    font-size: 30px;
  }
  
  .tg_inactive {
    opacity: 0.3;
  }
  
  .tg_update_alert {
    color: #E33;
  }
  
  .tg_groups_table {
    border-spacing: 0 2px !important;
  
    > tbody > :nth-child(4n+1) {
      background-color: #f9f9f9;
    }
  
    td {
      vertical-align: middle;
    }
  }
  
  .tg_ask_delete {
    background-color: #ff6630;
  }
  
  .tg_pager_button, .tg_reload_button {
    height: 40px !important;
    padding: 5px 10px !important;
    line-height: 30px !important;
  }
  
  .tg_pager_button span, .tg_reload_button span {
    line-height: inherit;
  }
  
  .tg_label_column {
    width: 300px;
  }
  
  .tg_new_group_row {
    height: 45px;
    background-color: #FFC;
  }
  
  #tg_pager_container {
    height: 50px;
    margin: 5px;
  }
  
  #tg_pager_container_adjuster {
    position: relative;
    overflow: hidden;
  }
  
  .tg_no_underline {
    text-decoration: none;
  
    &:link {
      text-decoration: none;
    }
  }
  
  .tg_admin_accordion .ui-accordion-content {
    background-color: #FFF;
  }
  
  /* 
  .ui-icon {
    text-indent: 0px !important;
  } */
  
  .tg_faded {
    color: #999;
  }
  
  .tg_mouseover {
    color: transparent;
  
    &:hover {
      color: #000;
    }
  }
  
  .tg_term_amounts {
    min-width: 50px;
    display: inline-block;
  }
  
  .SumoSelect {
    label {
      margin: 0 !important;
      line-height: 1.1em !important;
    }
  
    .select-all {
      line-height: 12px;
    }
  }
  
  /* SumoSelect menu should not cover "Add new tag" button */
  
  .SumoUnder {
    height: 1em !important;
  }
  
  .tg_list {
    list-style-type: disc !important;
  
    li {
      margin-left: 20px;
    }
  }
  
  .chatty-mango-help-icon {
    margin: 0;
    cursor: pointer;
  
    /* float: right; */
    font-size: 20px;
  }
  
  .chatty-mango-help-container {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 20px 0;
    clear: both;
    display: block;
  }
  
  .chatty-mango-settings-container {
    clear: both;
  }
  
  .tg_settings_tabs_content {
    margin: 20px 10px;
  }
  
  .chatty-mango-settings-columns {
    -webkit-columns: 2 400px;
    -moz-columns: 2 400px;
    columns: 2 400px;
    margin: 10px;
  
    > div {
      display: inline-block;
      width: 100%;
    }
  }
  
  .tg_social_media_admin {
    margin: 10px;
    text-decoration: none;
  
    &:link {
      margin: 10px;
      text-decoration: none;
    }
  
    span {
      font-size: 2em;
    }
  }
  
  .tg_setting_help_search_results_inner {
    margin: 10px 0;
    padding: 10px;
    background-color: rgb(249, 249, 249);
  }
  
  #tg_setting_help_search {
    margin-bottom: 10px;
    clear: both;
    float: left;
    width: 100%;
  }
  
  #tg_setting_help_search_results {
    clear: both;
  }
  
  .tg_setting_help_search_icon {
    font-size: 25px;
    margin: 0 5px;
  }
  
  #tg_setting_help_nothing_found {
    margin: 10px;
  }
  
  #tg_message_container {
    min-height: 76px;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  
  #tg_tools_accordion {
    margin: 20px 0;
  }
  
  .tg_tools_accordion_container {
    padding: 10px;
  
    /* prevent jumping */
  }
  
  .tg_tools_accordion_content {
    margin: 20px 0;
  }
  
  .tg-alert-rounded {
    background-color: #FFF;
    margin: 10px 0 20px;
    padding: 5px 0;
    float: left;
    width: 100%;
    border-radius: 7px;
  }
  
  .tg-onboarding-container {
    background-color: #FEFEFE;
  
    /* box-shadow: 0 1px 2px rgba( 0,0,0,0.2 ); */
    /* background-color: #FEFEFE; */
    border-top: #ddd 2px solid;
    border-right: #ccc 3px solid;
    border-bottom: #ccc 3px solid;
    border-left: #ddd 2px solid;
    padding: 20px;
    margin: 20px 0;
    clear: both;
    display: block;
    border-radius: 7px;
    font-size: 15px !important;
  
    p {
      font-size: 15px !important;
    }
  }
  
  .tag-groups-wizard-submit {
    font-size: 15px !important;
  }
  
  .tag-groups-steps {
    li {
      display: inline-block;
      padding: 0px 10px;
      margin: 0;
    }
  
    span {
      margin-right: 10px;
    }
  
    a {
      text-decoration: none;
    }
  }
  
  .tag-groups-wizard-submit {
    margin: 50px 0 0 80% !important;
  }
  
  .tag-groups-wizard-example {
    margin: 10px;
    border: solid 2px #ccc;
    padding: 1px;
    border-radius: 7px;
  }
  
  .tag-groups-wizard-box {
    margin: 20px 10px;
    padding: 40px;
    background-color: #FEFEFE;
    border-top: #ddd 2px solid;
    border-right: #ccc 3px solid;
    border-bottom: #ccc 3px solid;
    border-left: #ddd 2px solid;
    border-radius: 7px;
    font-size: 16px;
  
    p {
      font-size: 16px;
    }
  }
  
  /* Progress bar */
  
  #tag_groups_tasks_final_words_error, #tag_groups_tasks_final_words_success {
    margin: 20px 0 20px;
  }
  
  #tag_groups_tasks_final_words_error span, #tag_groups_tasks_final_words_success span {
    float: right;
    margin: 0 20px;
  }
  
  .tag_groups_task_wrapper {
    width: 100%;
    padding-top: 20px;
  }
  
  .tag_groups_process_bar_wrapper {
    width: auto;
    height: 20px;
    border: solid 1px #666;
    margin: 20px;
    border-radius: 4px;
  }
  
  .tag_groups_process_bar {
    width: 0%;
    height: 100%;
    background-color: #f7a92f;
    background-image: linear-gradient(to bottom, #f7a92f, #db941e);
    float: left;
    text-align: center;
    border-radius: 4px;
  }
  
  .tag_groups_process_result {
    width: auto;
    height: 20px;
  }
  
  .tg_premium_backend_main_box {
    background-color: #FFF;
    float: left;
    max-width: 740px;
    margin-top: 30px;
    padding: 30px;
    border-radius: 5px;
    font-size: 15px;
    line-height: 1.7em;
  
    p {
      font-size: 15px;
      line-height: 1.7em;
    }
  
    h1 {
      font-size: 28px;
      font-weight: 600;
    }
  }
  
  /* .tg_premium_backend_banner {
  margin: 20px 0 40px;
  } */
  
  .tg_premium_backend_logo, .tg_onboarding_logo {
    border: solid 2px #ccc;
    padding: 1px;
    border-radius: 7px;
  }
  
  .tg_premium_backend_call_to_action {
    margin: 50px 10px 20px;
  
    h3 {
      color: #009CD0;
      font-size: 28px;
      line-height: 40px;
    }
  }
  
  .tg_premium_backend_call_to_action_button {
    border-radius: 7px;
    border: 2px solid #009CD0;
    color: #009CD0;
    // display: inline-block;
    margin: 0 .25em;
    overflow: hidden;
    padding: 24px 16px 24px 16px;
    position: relative;
    text-decoration: none;
    line-height: 1;
    font-size: 20px;
    float: right;
  
    &:hover {
      background-color: #009CD0;
      color: #fff;
    }
  }
  
  .tg_premium_backend_right_image_box {
    float: left;
    margin: 50px 10px 0;
    width: 300px;
    clear: right;
    text-align: center;
  }
  
  .tg_premium_backend_right_image {
    border-radius: 7px;
    width: 298px;
    height: 400px;
    clear: both;
  }
  
  .tg_premium_backend_right_image_box_caption, .tg_premium_backend_bottom_image_box_caption {
    margin: 0 10px;
  }
  
  .tg_premium_backend_bottom_image_box {
    margin: 20px 0;
    float: left;
  }
  
  .tg_premium_backend_bottom_image {
    width: 800px;
    clear: both;
    border-radius: 7px;
  }
  
  /* development news */
  
  .tag_groups_feed_item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
  }
  
  .tag_groups_feed_image {
    padding: 10px 10px 10px;
    text-align: center;
    float: left;
    width: 350px;
  }
  
  .tag_groups_feed_text {
    padding: 10px 10px 10px;
    float: left;
    width: 500px;
  }