.cursor-pointer {
    cursor: pointer;
}

p{
  color:#333 !important;  
}

@media (min-width: 992px) {
    .process-wrapper.line [class*="col-"]::after {
        top: 1.2rem;
    }
  }

  /* .group-main:hover .add-new-g-btn{
    display: block;
  } */

  
  .group-editor{
    border: 1px dashed transparent;
    padding:2px;
    position: relative;
  }

  .group-editor:hover{
    border: 1px dashed #BEBEBE;
    color:#000 !important;
    border-radius: 4px;
  }

  .skill-group-editor{
    border: 1px dashed transparent;
    padding:0px;
    position: relative;
    padding: 0 4px 4px 4px;
  }

  .skill-group-editor:hover{
    border: 1px dashed #BEBEBE;
    color:#000 !important;
    border-radius: 4px;
  }

  .skill-group-add-btn{
    border: 1px dashed #BEBEBE;
    padding: 4px 8px;
    margin: 4px 4px 0 0;
    font-size: 15px;
    display: none;
    cursor: pointer;
    white-space: nowrap;     
    overflow: hidden;        
    text-overflow: ellipsis; 
  }

  .skill-group-add-btn:hover{
    background-color: var(--chip);
  }

   .skill-group-editor:hover .skill-group-add-btn {
    display: inline-flex;
  }

  /* .group-editor:hover .group-remove-btn {
    display: block;
  } */
  
  .group-editor:hover .group-action-box {
    display: block;
  }

  .group-action-box{
    display: none;
    z-index: 0;
    position: absolute;
    top: -18px;
    right: 0;
    border:0px solid red;
  }

  .group-action-box a{
    z-index: 99;
  }



  .group-editor-sub{
    border: 1px dashed transparent;
    padding:0px;
    position: relative;
  }

  .group-editor-sub:hover{
    border: 1px dashed #BEBEBE;
    color:#000 !important;
    border-radius: 4px;
  }

  .group-remove-btn{
    z-index: 1;
  }

  .group-remove-btn:hover{
    cursor: pointer !important;
  }

  /* .group-editor:hover .group-remove-btn {
    display: block;
  } */
  
  .group-editor-sub:hover .group-action-box-sub {
    display: block;
  }

  .group-action-box-sub{
    display: none;
    z-index: 0;
    position: absolute;
    top: -18px;
    right: 0;
    border:0px solid red;
  }

  .group-action-box-sub a{
    z-index: 99;
  }

  .text-dark{
    color:#000 !important;
  }

  .add-new-g-btn{
    border: 1px dashed #BEBEBE;
    border-radius: 4px;
    padding:4px;
    font-size: 15px;
    cursor: pointer;
    text-transform: uppercase;
    display: none;
  }

  .add-new-g-btn:hover{
    background-color: rgba(255,255,255,0.3);
    font-weight: bold;
  }

  .editable-form{
    border: 0;
    border: 1.2px dashed #fff;
    background: transparent;
    padding: 1px;
    color: #000;
    box-shadow: none;
    resize: none;
    transition: all 0.4s ease-in-out;
    font-size: 16px;
    border-radius: 4px;
    height: 30px;
    min-height: auto;
    overflow: hidden; 
  }

  .editable-text{
    border: 0;
    border: 1.2px dashed #fff;
    background: transparent;
    padding: 1px;
    color: #000;
    box-shadow: none;
    resize: none;
    transition: all 0.4s ease-in-out;
    font-size: 16px;
    border-radius: 4px;
    height: 30px;
    min-height: auto !important;
    overflow: hidden; 
  }

  .editable-text-min-h{
    min-height: calc(1.7em + 1.2rem + 2px);
  }

  .editable-form:hover{
    border: 1.2px dashed #BEBEBE;
    background-color: #f7f7f7;
    color:#000 !important;
  }

  .editable-form:focus{
    border: 1.5px dashed #BEBEBE;
    background-color: #f7f7f7;
    color:#000;
  }

  .on-2c3e50{
    color:#fff;
    border: 1.5px dashed #2c3e50;
  }

  .on-header{
    font-weight: 700;
  }

  .text-34495e{
    color:#34495e !important;
  }


  .bg-white{
    background-color: #fff;
  }

  .editor-nav > .nav-item {
    display: inline-block;
    list-style: none;
  }

  .editor-nav > .nav-item a {
    font-weight: 500;
  }

  

  .toolbar {
    /* display: none; */
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 10;
    top: -50px;
    left: 0;
  }

  .textbox-container {
    position: relative;
    display: inline-block;
  }

  .post-content p {
    display: -webkit-box;
    -webkit-line-clamp: 3;   /* show only 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .post-content h6{
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* show only 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .post-header h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* show only 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }