.contentEditor label {

    display: inline-block;

    /*cursor: pointer;*/

    position: relative;

    padding-left:10px;

    font-weight:400

/*    margin-right:5px;

    margin-bottom: 10px;*/



}



* {box-sizing: border-box}



.tab_vertical {

    display: flex;

/*    border: 1px solid #ddd;*/

    background-color:var(--background-color);

    /*width: 30%;

    height: 300px;*/

}



/* Style the buttons that are used to open the tab content */

.tab_vertical button {

  display: block;

  background-color: inherit;

  color: black;

  padding: 15px 16px;

  width: 100%;

  border: none;

  outline: none;

  text-align: center;

  cursor: pointer;

  transition: 0.3s;

}







/* Change background color of buttons on hover */

.tab_vertical button:hover {

  background-color: #e4e4ef;

}



/*.tabcontent{

  height: 25em;

}*/



/* Create an active/current "tab button" class */

.tab_vertical button.active {

 background-color: var(--main-color);

    color: #FFF;

}



/* Style the tab content */

.tabcontent_vertical {

  padding:40px 20px 20px;

/*  box-shadow: 0 4px 10px #d7d9dd;*/

  border-left: none;

/*  height: 35em;*/

  display: none;

}



.img_div.commentSpan.hoverClass

{

  background:none!important;

}



.image_zoom

{

  text-align: center;

}



.add_border img:hover

{



cursor: zoom-in!important;



}



.img_div.commentSpan

{

  border:none!important;

}



  #myDiv

    {

        width: 20px;

        height: 20px;

        background-color: Red;

    }

/*img

{

    width:auto;

    height:400px;

}

*/



.descContent 

{

    width: 100%;

    float:none!important;

    /* min-width: 600px; */

    height: auto;

    min-height: 300px;    

    background-color: #FFF;

    color: var(--text-color);

}



.add_border img

{



    border-radius: 1px;

    border-color: var(--hp-color-border, #e6e8eb);

    box-shadow: 0 0 0 2px var(--hp-color-bg, #fff), 0 0 0 4px var(--hp-color-selection, #0070e0);



}

.drag_line_hori

{



    border-top: 3px solid #1e7cbf;

    width: 100%;

    height: 30px;



}



.ipopContent

{

    /*display: none;*/

}



/*.imagediv

{

      display: flex;

    flex-flow: row;

    gap:20px;

    flex-wrap: wrap;

    align-items: stretch;

}



.img_div

{

      flex: 1.3333 1 0%;

}



.imagediv img

{



    object-fit: cover;

    max-height: fit-content;

    height: 280px;

  

    max-height: fit-content;



}*/

.drag_line

{

    border-left: 3px solid #1e7cbf;

    /*height: 380px;*/

   /* position: absolute;

    right: 50%;*/

}

.imagediv{

    display: flex;

    flex-flow: row;

    flex-wrap: wrap;

    align-items: stretch;

    margin-bottom: 20px;

    text-align: center;

    justify-content: center;

    flex-direction: row;

}

.img_div{

transition: transform 100ms linear;

position: relative;

/*flex-grow: 1;

flex-shrink: 1;

flex-basis: calc(33% - 2* 5px);*/

margin: 0 5px 0 5px;

min-width: 0;

/*flex: 1.5013;*/

text-align: center;

}



.commentSpan img

{

      border: 3px solid #f1dd52!important;

}



.img_div img {

    max-width: 100%;

    vertical-align: top;

    transition-property: opacity;

    transition-duration: 200ms;

    transition-timing-function: ease-in;

    height: auto;

    /*max-height: fit-content;*/
    max-height: 500px;

    text-align: center;

}





.img_div img::selection {

    background: #FFF;

    color: black;

    text-shadow: none;

    opacity:0.5;

}



.img_div img::-moz-selection {

    background: #FFF;

    color: #EEE;

    text-shadow: none;

    opacity:0.5;

}



.add_border img

{





    border-radius: 1px!important;

    border-color: var(--hp-color-border, #e6e8eb)!important;

    box-shadow: 0 0 0 2px var(--hp-color-bg, #fff), 0 0 0 4px var(--hp-color-selection, #0070e0)!important;



}



.image_zoom img

{

  width:100%;

}



.descContent img:hover

{



cursor: context-menu;

    border-radius: 1px;

    border-color: var(--hp-color-border, #e6e8eb);

    box-shadow: 0 0 0 2px var(--hp-color-bg, #fff), 0 0 0 4px #a7d3ff;



}



.commentSpan img:hover

{







    border-color: var(--hp-color-border, #f1dd52) !important;

    box-shadow: 0 0 0 0px var(--hp-color-bg, #fff), 0 0 0 2px #f1dd52;



}



.modal2

{

      /* display: none; */

    position: fixed;

    z-index: 99999;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    /* background-color: rgba(0, 0, 0, 0.4); */

    background-color: rgb(13 18 42 / 80%);

    /* opacity: 0; */

    visibility: hidden;

}



.label_div

{

     background: #5959c9;

    color: #FFF;

}



.pop-head

{

      position: relative;

}



.error_msg{
  color:#ff6174;
}

.Modal-content

{

    background-color: #f9f9f9;

    /* position: absolute; */

    border-radius: 3px;

    width: 50em;

    margin: auto;

/*    box-shadow: 0 4px 10px #d7d9dd;*/

    background-color: #fefefe;

    position: absolute;

    border-radius: 3px !important;

    /* width: 52em; */

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: unset;

}



.Modal-content .tabs-stage

{

  height: 30em;

  overflow-y: auto;

}



.readmore-link:after {

    content: "Read more";

}



.readmore-link {

display: block;

    width: 100%;

    text-align: right;

    font-size: 12px;

    cursor: pointer;

    color: var(--main-color);

}



.readmore.expand {

    max-height: 5000px !important;

    transition: max-height 0.35s ease-in-out;

}



.readmore {

    position: relative;

    max-height: 40px;

    overflow: hidden;

    transition: max-height 0.35s ease-out;

}



.readmore-link.expand:after {

    content: "Read less";

}







.readmorenoti-link:after {

    content: "Read more";

}



.readmorenoti-link {

display: block;

    width: 100%;

    text-align: right;

    font-size: 12px;

    cursor: pointer;

    color: var(--main-color);

}



.readmorenoti.expand {

    max-height: 5000px !important;

    transition: max-height 0.35s ease-in-out;

}



.readmorenoti {

    position: relative;

    max-height: 65px;

    overflow: hidden;

    transition: max-height 0.35s ease-out;

}



.readmorenoti-link.expand:after {

    content: "Read less";

}



.video_selected {

  border:1.5px solid #7a8ec7;

  border-radius: 3px;

}

.comment-thread p:focus-visible

{

  border:none;

}



.post_comment

{



/*gap: 20px;*/

/*    padding: 15px;*/

   /* background: #f5f5f9;

    display: flex;*/

    position: relative;

    margin-bottom: 25px;



    

}



.comments-wrapper  .post_comment

{

  margin-bottom: 0px!important;

}



.bottom_section a

{

    padding: 3px 10px;

    border-radius: 2px;

    color: white;

    text-decoration: none;

    font-size: 13px;

    line-height: 18px;

    margin-right: 5px;

    float: inline-end;

    height: 25px;

}



.post_but

{

    background: #51a968!important;

}



.cancel_but

{

/*  background: #a3a4a9!important;*/

    color: var(--text-color) !important;

}



::placeholder {



  color: #62646994!important;



}



.commenting_para:focus-visible

{

  outline: none!important;

}



.comments-wrapper

{

  margin-bottom: 20px!important;

}



.comment_section

{

/*    width: 30%;*/

/*    box-shadow: 0 10px 20px 0 #e0e3ec;*/

    padding:30px!important;

    height: 100vh;

    min-height: 200px;

    overflow: auto;

    position: sticky;

    top: 5%;

}



.comment_section h3

{

  margin-bottom: 30px

}



.newWriteComment:focus-visible

{

  outline: none!important;

}



.newWriteComment:empty:before {

    content: attr(placeholder);

    pointer-events: none;

    display: block;

    color: var(--placeholder);

    line-height: : 20px;

}



.post_comment:before

{



  content:none!important;



}





.editor_section{

/*display: flex;*/

/*gap:90px;*/

display: grid;

grid-template-columns: 850px 370px;

justify-content: space-between;

}



.emojicode_img

{





margin-left: 5px !important;

    margin-right:1px !important;

    padding-top: 0px;

    vertical-align: middle;

     width: 17px!important;

    -webkit-user-drag: none;

}



.hightlight_sep

{

  border: 7px solid #f0effb;

}



.bordersep

{

  height: 1px;

    color: #ddd;

    background: #ddd;

    font-size: 0;

    border: 0;

}

.contentEditor input

{



cursor: pointer;



}

.codeblock

{

  padding: 4px 8px 3px;

    background-color: #f7f5f2;

   

    border: 1px solid #ddd;

    color: #605d5d;

}



div .separator, ul .separator, ol .separator

{

    margin: 20px 0px;

    /*border-top: 1px solid #dddddd;*/

}



.colorpicker

{

  z-index:999!important;

}

.checklist_ul

{

  /*margin-left:43px!important;*/

}



.contentEditor ul.checklist_ul li

{

    list-style: none!important;

}

.icons_panel

{

    background: #000;

    position: absolute;

    top: 10px;

    right: 20px;

    display: flex;

    align-items: normal;

    gap: 5px;

    padding: 8px 10px;

    border-radius: 3px;

}

.icons_panel svg{

    fill:#a1a1a1;

}

.icons_panel svg:hover{

    fill:#ffffff;

}

.img-wrap

{

  display: inline-block;

  position: relative;

    margin-bottom: 8px !important;

}



.img-wrap:hover .icons_panel

{

  visibility: visible;

}

/*

.icons_panel {

    position: absolute;

    visibility:hidden;

    top: 15px;

    right: 4px;

    background-color: #FFF;

    border-radius: 50px;

    color: #fff;

    cursor: pointer;

    font-size: 17px;

    line-height: 18px;

    

    text-align: center;

}*/

.checklist_ul li

{



list-style: none!important;





}

/*.contentEditor label:before {

  content: "";

  display: inline-block;

  top:2px;

  width: 16px;

  height: 16px;

 

  margin-right: 10px;

  position: absolute;

  left: 0;

  bottom: 1px;

  background-color: #FFF;

  border:1px solid #797676;



}*/



div.contentEditor {

    display: inline-block;

}



/*.contentEditor input[type=checkbox] {

  display: none;

}*/

.contentEditor label:before {

  border-radius: 0px;

}





.contentEditor .checklist_ul li

{

  margin: 15px 0 !important;

  display: flex!important;

  align-items: flex-start;

}



.contentEditor .checklist_ul li.no-style

{



  display: contents!important;

}

/*.contentEditor input[type=checkbox]:checked + label:before {*/



  .contentEditor .checklist_ul .checklist_selected

  {

    text-decoration:line-through;

  }



.contentEditor .checklist_ul .checklist_selected label:before {



  font-size: 12px;

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEUeGRk5NDTc2df39fJ9eXjAvrtUUE8Sf7N8AAAAM0lEQVQI12MgGjA6QBlCJlABZUUgySLAIGQkAGQ4K0IEgNwkoABYgTFQACIkANUTSMAWAPp7A+Rid7aYAAAAAElFTkSuQmCC);



  text-align: center;

    line-height: 12px;

}

  #text_undo.disabled,#text_redo.disabled{

  color: #ccc;

  }



.contentEditor:focus {

/*    border: 1px solid #3498db;*/

    text-overflow: clip;

}

.contentEditor {

    float: left;

    outline: none;

    font-size: 15px;

    line-height: 1.46rem;

/*    border: 1px solid #e4e4e4;*/

    border-radius: 3px;

    min-height: 94px;

    transition: all .3s linear;

    padding: 20px;

    letter-spacing: 0.2px;

}



.findModal-content

{

  right:0!important;

}



#findPP.modal2

{

  background:none!important;

  z-index:auto!important;

}



#findPP .tabcontent

{

  height:auto!important;

}



.img_caption

{

  border:none;

  display: none;

  font-style: italic;

}



.img_caption:empty:before {

  content:attr(data-placeholder);

  color:gray

}



input:focus-visible

{

    border: 1px solid #ddd;

    outline:none!important;

}



.contentEditor img

{

    margin:10px 0px;

   width:auto;

   max-width: 100%;

}

.contentEditor .boldclass

{

    font-weight: 500;

}

.editorblock

{

/*  display: grid;*/

    padding: 40px;    

}



.buttonDivAnimate

{

        margin-bottom: 20px;

      z-index: 99999999;

}





/** Color Palatte css **/



.colorpicker

{



    display: flex;



    position: absolute;

    background-color: #fff;

    align-items: center;

    box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08);

    width: auto;

    top: 168px;

}





.colorpicker ul

{



    margin-right: 8px !important;

    padding: 3px 0px !important;





}



.tab_vertical button

{

  height:auto!important;

  border-radius: 0px!important;

}



.close_button_palatte

{

    background: none;

    border: none;

    border-left: 1px solid #ddd;

    padding: 7px;

    cursor: pointer;

}

.colors ul{list-style:none; padding:0; margin: 0;cursor: pointer;}



.colors li{margin: 0px; display: inline-block;}



.colors label{cursor: pointer;}



.colors input{display:none;}



.colors input[type="radio"]:checked + .swatch{box-shadow: inset 0 0 0 2px white;}



.swatch{

    display: inline-block;

    vertical-align: middle;

    height: 20px;

    width: 20px;

    border-radius: 50%;

    margin: 0 5px 0 0;

    /* border: 1px solid #d4d4d4;*/

}







/** Color Palatte css **/



div ol 

{

  counter-reset: mycounter;

}



ol li::before,ol li::marker {

  content: '';

  position: relative;

  top: 0;



 

}



.codeblockol li::before,.codeblockol li::marker {

    content: revert !important;

    color: #c3aaaa;

    font-size: 12px;

    position: relative;



 

}



ol.codeblockol li

{

    background: #f7f5f2 !important;

    margin: 0px !important;

    padding: 1px 7px;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;

    color: rgb(192, 19, 67);

    font-size: 14px;

}



ol.codeblockol 

{

  margin:10px!important;

}



ol.codeblockol li:first-child

{

  border-top:1px solid #ccc!important;

  padding-top:5px;

}



ol.codeblockol li:last-child

{

  border-bottom:1px solid #ccc!important;

  padding-bottom:5px;

}





/*ol li:not(:only-of-type):not(.no-style)::before {

  content: counter(mycounter) ". ";

  counter-increment: mycounter;

}*/



ol li:not(.no-style)::before {

  content: counter(mycounter) ". ";

  counter-increment: mycounter;

}







/** Emoji Styles **/







/*Emoji Styles*/



.statusEmojiDD {

  /*position: relative;

  top: 22px;

  right: 28px;

  float: left;*/

  width: 100%;

  position: absolute;
  /*top: -20em;
  left: -24em;*/
  top:9px;
  left:-8px;
  float: unset;

}







.emojiContainer {



  overflow-y: auto !important;



  overflow-x: hidden !important;



}







.emojiDiv {



  float: left;



  width: 47px;



  height: 47px;



  border: 1px solid #dddddd;



  display: flex;



  align-items: center;



  justify-content: center;



  border-radius: 3px 0 0 3px;



  position: relative;



}









/** Emoji Styles **/



/** Video Grid **/





.video_grid

{

  display: grid;

  grid-template-columns: 50% 50%;

}



.video_grid .video-tile{

/*width: 46%;*/

    margin-bottom: 20px;

    padding: 5px;

    margin-right: 6px;

    cursor: pointer;

}



.video_grid img {

    width: 100%;

    height: auto;

    aspect-ratio: 16/9;

    object-fit: cover;

 

}



.loader_svg

{

/*  text-align: center;*/

    /*top: 50%;*/

/*    padding: 30% 0px;*/

    

    display: flex;

    align-items: center;

    justify-content: center;

    height: 12em;

}



.videoInfo

{



margin-top:10px;

}





/** Video Grid **/





/*.post_comment,.comments-wrapper

{

  position:absolute!important;

  width: 100%!important;

}



.comments-wrapper .post_comment

{

   position:relative!important;

}*/



.find_hightlight

{



     /*background: rgb(161 204 239);*/



     background:rgb(223 255 47);

}





.find_hightlight.current_hightlight

{

  background: rgb(185 217 8) !important;

  

  /*background:blue!important;*/

}



.end_search

{



    margin-top: 10px;

    color: #25a12e;

    /* background-color: #f8d7da; */

    border-color: #f5c6cb;

    position: relative;

    /* padding: .35rem 1.25rem; */

    margin-bottom: 1rem;

    border: 1px solid transparent;

    border-radius: .25rem;

    font-size: 13px;

    font-style: italic;



}



.root h2

{



    font-weight: 600;



    

}

.main_section_folder

{

    display: grid;

    grid-template-columns: 300px 1fr;

    height: 100%;

    overflow: hidden;

}



.folder_button_section

{

/*    background: #f9f9f9;*/

/*    padding: 140px 50px;*/

}



.share_section button

{

  width:100%;

  height:40px;

}



.button_section_right ul

{

  list-style: none;

}





.button_section_right li button{

    width: 100% !important;

}



#add_doc_popup .pop-body

{



height: 350px;

overflow-y: scroll;

overflow-x: hidden;





}



#add_doc_popup .pop-footer

{



padding:20px;



}



#add_doc_popup input[type=search]

{



    width: 100%;

    height: 45px;



}



.noresults

{

      text-align: center;

    color: #425970;

    font-style: italic;

}



/*td { padding:10px; background:#000; }*/



table {

  font-family: arial, sans-serif;

  border-collapse: collapse;

  width:80%;





}







.table_scroll {

 

  overflow:auto;  

  margin-top:20px;

  width:100%;

}



/*td, th {

  border: 1px solid #dddddd;

  text-align: left;

  padding: 20px;

  line-height: 0px!important

}*/





/*td

{

  min-width: 64px;

}



tr:nth-child(even) {

  /*background-color: #dddddd;

}*/



.table_sec

{



margin-top:20px;

display: flex;

position:relative;

margin-bottom: 20px!important;



}



.insert_row,.insert_row_hori

{



  background: #ddd;

  text-align: center;

  padding:3px;

  /*width:400px;*/

}

.insert_tr .insert_row_hori:hover, .insert_row:hover{
   background-color: #f0f0f0 !important;
}



/*.content_table .insert_row

{





  z-index: 1;

    background-color: var(--hp-color-hover-bg, #f7f9fa);

    cursor:pointer;

    width: 14px;

    pointer-events: auto;

    margin-top: -16px;

    border-radius: 0 8px 8px 0;

    border-inline-start: 1px solid var(--hp-color-border-heavy, #c1c7cd);

    margin-inline-end: -16px;

    cursor: e-resize;

}*/



.insert_tr .insert_row_hori

{



    background-color: var(--hp-color-hover-bg, #f7f9fa);

    height: 16px !important;

    line-height:20px !important;

    pointer-events: auto;

    margin-inline-start: -16px;

    margin-top: -1px;

    cursor:pointer;

    width: calc(100% + 30px);

/*    border-radius: 0 0 8px 8px;*/

    border-top: 1px solid var(--hp-color-border-heavy, #c1c7cd);

    z-index: 11;

    cursor: s-resize;

    text-align: center!important;



}



.plus

{



display: flex;

align-items: center;

justify-content: center;



}



.handle_sec

{



/*left: -23px;

    height: calc(100% + 3px);

    top: -2px;

    position: absolute;

    display: none;

    border-left: none !important;

    border: 1px solid #ddd;

     cursor: pointer;*/



}



.columndrag button

{



margin: 0px!important;

padding:0px!important;



}



.columndrag svg

{

  display: block!important;

}



.columndrag svg path

{

  fill:#FFF!important;

}



.dragele {

/*  position: absolute;

  height: 39px;

  width: 100%;

  background-color: lime;

  width:100%;

  opacity: 1;

  border-radius: 0;

  transition: background-color 0.25s, border-radius 0.25s;

  cursor: move;*/



/* pointer-events: none;

    border: 1px solid var(--hp-color-border-heavy, #c1c7cd);

    background-color: #ccc;

    position: absolute;

    top: 24px;

    height: calc(100% - 42px);

    z-index: 2;

    height: 39px;

    top: -500px;

    width: 100%;

    left: 101.5px;

    opacity: 0.5;*/



      -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  opacity: 1!important;

  z-index:2!important;



}







.add_row_verti .adrow_dot_verti

{

      position: absolute;

    top: 11px;

    left: 1px;

    cursor: pointer;

        background-color: var(--hp-color-border-heavy, #c1c7cd);

    display: block;

    width: 4px;

    height: 4px;

    border-radius: 50%;

}



.handle_up button

{

  border:none;

}



.handle_up

{

  cursor: pointer;

      /*background: #f0f0f0;*/

}



.columndrag .handle_up

{



background: #1dbf73 !important



}

.add_row_verti

{



/*      left: -3px;

    height: calc(100% + 0px);

    top: -24px;

    position: absolute;

    display: none;

     cursor: pointer;*/



     position: absolute;

    top: -30px;

    left: -3px;

    cursor: pointer;

}



.add_row_but

{



/*    left: -37px;

    height: calc(100% + 0px);

    top: -1px;

    position: absolute;

    display: none;

    cursor: pointer;*/



    position: absolute;

    left: -19px;

    top: -1px;

    cursor: pointer;

}







.adrow_dot {

    background-color: var(--hp-color-border-heavy, #c1c7cd);

    display: block;

    width: 4px;

    height: 4px;

    border-radius: 50%;

}

.handle_sec button

{



/*    width: 22px;

    height: 100%;

    cursor: pointer;

    border: none;

    padding-left: 1px;

    /*display: none;*/*/

}



.content_table,.drag_table {

  font-family: arial, sans-serif;

  border-collapse: collapse;

  width:80%;

  margin:0px;

  margin-right: 0px;

  z-index:9999;

  /*margin-left: 60px;*/



}



.drag_table td

{

  background:#f0f0f0 !important;

}



/*body

{

  overflow: hidden;

}*/



.table_scroll {

 

  overflow:auto;  

  margin-top:0px;

  width:100%;

  display: flex;

}



.content_table td, .content_table th,.drag_table td, .drag_table th {

  border: 1px solid #dddddd;

  text-align: left;

  /*padding:10px!important;*/

  height:35px!important;

  padding-left:10px;

}



.plus_round

{

      margin-left: -7px;

    margin-top: -10px;

    display: none;

}



.content_table td,.drag_table td

{

  min-width: 160px;

  position: relative;

  word-break: break-word;

  max-width: 160px;

}



.add_row_verti .plus_round

{

      margin-top: 4px!important;

}





.table_sec

{



    margin:0px;

    display: flex;

     position:relative;



}



.table_sec table

{

  width:100%;

  font-size:15px;

}

:focus-visible

{



  outline:none!important;

}



.content_table .insert_row

{





z-index: 1;

    background-color: var(--hp-color-hover-bg, #f7f9fa);

    cursor: pointer;

    width: 5px;

    min-width: 25px;

    pointer-events: auto;

    margin-top: 60px;

    border-radius: 0 8px 8px 0;

    border-inline-start: 1px solid var(--hp-color-border-heavy, #c1c7cd);

    margin-inline-end: -16px;

    cursor: e-resize;

    padding:3px;

    text-align: center;

}





.content_table .handle_td

{



width: 0px;

padding:0px!important;

    min-width: 30px;

    border: none;

    cursor: pointer;

    /* border-left: 1px solid #ddd; */

    background: #f0f0f0;

    border-bottom: 1px solid #ddd;

    border-top: 1px solid #ddd;



}



.content_table tr:first-child .handle_td

{



    background: none;

    border: none;



}



.drag_style td

{



border-top:2px solid #1dbf73!important;

border-bottom:2px solid #1dbf73!important;

background: #1dbf730f;



}



.columndrag

{

border-left: 2px solid #1dbf73 !important;

    border-right: 2px solid #1dbf73 !important;

    background: #1dbf730f;





}







.dragleftcolum

{

  border-left:2px solid #1dbf73!important;

}



/*.handle_tr.dragleftcolum

{

  border-left:2px solid #1dbf73!important;

}*/



.handle_tr.columndrag

{

  background: #1dbf73!important;

  padding:0px!important;

}



.drag_style .handle_td

{

  background:#1dbf73!important;

  padding: 0px!important;

}



.horitd

{

  border-top:2px solid #1dbf73!important

}





.vertitd

{

  border-left:2px solid #1dbf73!important;

}



.handle_td button

{



    border: none;

    background: none;

    margin: 0px;

    cursor: pointer;

    padding: 3px !important;





}



.show_drag svg

{

  display: block!important;

}



.roundhover svg

{

  display: none!important;

}



.content_table .drag_td

{

  padding: 0px!important;

}



.show_drag

{

      padding: 0px !important;

}







.show_drag .handle_sec

{



  background: #ccc;

    padding: 6px !important;

}



.show_drag .handle_sec button

{

      padding: 0px !important;

}

.handle_tr

{

background: #f0f0f0;

text-align: center!important;

padding:0px!important;

height: 24px!important;

}



.handle_tr button

{

  border:none;

  background: none;

}



.handle_tr:first-child

{

  border:none;

  background: none;

}



.dragover

{



  border-bottom: 2px solid #1dbf73!important;

}

.dragtr td

{

   border-bottom: 2px solid #1dbf73!important;

}



.dragcolum

{

   border-right: 2px solid #1dbf73!important;

}



.plus

{



display: flex;

align-items: center;

justify-content: center;



}



.table_scroll::-webkit-scrollbar {

  height: 7px;

}



/* Track */

.table_scroll::-webkit-scrollbar-track {

border-radius: 10px;

}

 

/* Handle */

.table_scroll::-webkit-scrollbar-thumb {

    border-radius: 10px;

    background: #e5e5e5;

}





.delete_table td

{



  background:#ff4f0124;

}



.delete_table .insert_row_hori

{

  background:#f7f9fa;

}



.delete_table .handle_td

{



background:#ff638fb3 !important;

border:1px solid #ff638fb3!important;



}



.nobullet

{

  list-style: none!important;

}



.delete_table .handle_tr

{



background:#ff638fb3!important;

border:1px solid #ff638fb3!important;



}







.delete_table .handle_td button svg

{

  display: block!important;

}



.delete_table .handle_td button svg circle

{

  stroke:#FFF;

}



.delete_table .handle_tr button svg path

{

  fill:#FFF;

}



.delete_table .handle_tr button svg

{

  display: block!important;

}



.delete_table tr:nth-last-child(2) td

{



border-bottom:1px solid #ff638fb3!important;



}





.delete_table .insert_row

{



border-left:1px solid #ff638fb3!important;



}



.delete_table .first_td

{



  background: none !important;



}





.nobullet::before {

    content: none!important;

    counter-increment: mycounter;

}

.video_frame{
    margin-bottom: 20px!important;
    border-radius: 10px ;
}
.video_frame .player{
    border-radius: 10px !important;
}
.video_element{
    margin: 20px 0;
}


iframe

{

    /*border:1px solid #ddd!important;*/

    border:none!important;

}



.video_element.clicked

{

    border: none;

    border-radius: 5px;

    /* border-color: var(--hp-color-border, #e6e8eb) !important; */

    box-shadow: 0 0 0 2px var(--hp-color-bg, #fff), 0 0 0 4px var(--hp-color-selection, #0070e0) !important;

}



.video_hover{   
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 0 2px var(--hp-color-bg, #fff), 0 0 0 4px #a7d3ff;
}



.nohtml:before {

  /*content: "This is the begining of your next big idea"*/

}



.error_popup

{



    font-size: 12px;

    font-style: italic;

    color: #ff4d6c;

}





/** Image Slide style **/



.slider{

    position: relative;

/*     max-width: 40rem; */

    height: 34rem; 

    margin: 0 auto;

/*    overflow: hidden;*/

}

.slide{ 

    position: absolute;

    top:0;

    width: 100%;

/*    height: 26.625rem;*/

    height:100vh;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    transition: transform 1s;

}

.slide > img{

    width: auto;

    height: auto;

    max-height: 500px;

    object-fit: cover;

}

button .fas{

    color: rgba(255, 255, 255, .5);

}

.btn-slide{

    position:absolute;

    top:16em;

    z-index: 10;

    height: 55px;

    width: 55px;

    cursor: pointer;

    font-size:28px;   

    color: #000000;

    background: #ffffff94;

    border-radius: 50px;

    border: unset;

}

.btn-slide:disabled{

    opacity: 0.3;

    cursor:default;

}

.prev{

    left:3rem;

    transform: translate(-50%, -50%);

}

.next{

    right: 3rem;

    transform: translate(50%, -50%); 

}

.dots-container{

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

}

.dot{

    width: 25px;

    height: 5px;

    margin: 15px 5px;

    border-radius: .5rem;

    background: rgba(39,39,39, .5);

    cursor: pointer;

}

.dot.active{

background:#272727;

}





.count

{

    text-align: left;

    color: #ffffff;

    z-index: 999;

    top: 0px; 

    position: relative;

    font-weight: 400;

    font-size:16px;

    display: inline;

}







/** Image Slide style **/





.sign_up

{



    cursor: pointer;

    letter-spacing: 0.2px;

    border-radius: 3px;

    padding: 7px 15px;

    font-size: 13px;

    height: 32px;

    font-weight: 500;

    background-color: transparent;

    border: 1px solid #bbbbbb;

    transition: background 0.2s ease-in;

    color: var(--text-color);

    display: inline-flex;

    align-items: center;

    justify-content: center;



}



.sign_in

{

  cursor: pointer;

    letter-spacing: 0.2px;

    border-radius: 3px;

    padding: 7px 15px;

    font-size: 13px;

    height: 32px;

    font-weight: 500;

    background-color: transparent;

    border: 1px solid #bbbbbb;

    transition: background 0.2s ease-in;

    color: var(--text-color);

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background-color: var(--main-color);

    border: 1px solid var(--main-color);

    color: #ffffff;

}







.nextfolder{

    cursor: pointer;

}

.readmore-link-doc:after {

    content: "Read more";

}

.readmore-link-doc {

    display: block;

    width: 100%;

    text-align: right;

    font-size: 12px;

    cursor: pointer;

    color: var(--main-color);

}

.readmoredoc.expand {

    max-height: 5000px !important;

    transition: max-height 0.35s ease-in-out;

}

.readmoredoc {

    position: relative;

    max-height: 47px;

    overflow: hidden;

    transition: max-height 0.35s ease-out;

}

.readmore-link-doc.expand:after {

    content: "Read less";

}

.breadcrumbsdrop ul{     

    right: 0px!important;

    left:0px!important;

    top: 7px!important;

    background: #fbfaf9!important;

    list-style: none!important;

    /* border: 1px solid #ccc; */

    width: 200px!important;

    box-shadow: var(--hp-modal-shadow, 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08))!important;

}

.breadcrumbsdrop ul>li svg{

    height:18px;

}

.fullpath .breadcrumbs_folder{

    word-break: break-word;

    padding-right: 5px;

    font-style:italic;

    font-weight: 400 !important;

}

.breadcrumbsdrop .selected{

    border: none !important;

    background-color: #fbfaf9;

}

.folder_section .breadcrumbsdrop ul{      

    right: 0px!important;

    left:-50px!important;

}

.move_breadcrumbs{

    align-items: center;

}

.breadcrumbsdrop li a, .breadcrumbsdrop li .dumy-a{

    display: flex;

    align-items: center;

    color: #353434;

    font-size: 13px;

    padding: 5px 11px;

}

.breadcrumbsdrop li a:hover, .breadcrumbsdrop li .dumy-a:hover{

    color: var(--main-color);

    background: var(--background-color);

    transition: 0.2sease;

}

.link_type{

   color: #4989bd;

}

.contentEditor span{

/*    display: inline-block;*/

}

.count_users_folder{

    padding:0px 5px;

}

.commenting_para a{

    padding-right: 5px;

    font-size: 12.5px;

    color: #4989bd;

}







/*Responsive Styles*/



@media (max-width: 1379px){

    .btn-slide{

        top:10em;

    }

}



@media (max-width: 1279px){

    .editor_section{

        grid-template-columns:100%;

    }

    .editorblock{

        padding:0;

    }

    .main_section_folder{

        grid-template-columns: 100%;

    }

}



.latest_path

{

  display: flex;

}

.latest_path .breadcrumbs_folder{

    font-weight: 400 !important;

}

.display_path

{

  padding-top:4px!important;

}



#sharetotalcount

{

      padding: 0px 5px;

}

.sharedtxt

{

      padding-top: 7px;

    font-size: 13px;

}



.sharedtxt a

{

  display: flex;

  align-items: center;

}

.latest_path .breadcrumbsdrop .selected,.breadcrumbs_section_folder .breadcrumbsdrop .selected

{

  background-color:#FFF;

}



.description_place

{

display: flex;

    align-items: center;

    gap: 20px;

}

.otherloc .selected

{

    margin-top: 0px;

    cursor: pointer;

    cursor: pointer;

    letter-spacing: 0.2px;

    border-radius: 3px;

    padding: 0px 9px;

    font-size: 12px;

    height: 27px;

    font-weight: 400;

    background-color: #efefef;

    

    transition: background 0.2s ease-in;

    color: var(--text-color);

    display: inline-flex

;

    align-items: center;

    justify-content: center;

}



.fullpath svg

{



padding:0px!important;



}



.fullpath

{

  font-size:12px;

}

.main_loc li

{

  list-style-position: outside;

}



.main_loc

{

   padding: 10px 10px 10px 30px;   

   margin: 5px;

}



.otheroptions ul

{

    display: block;

    position: absolute;

    max-width: 400px;

    min-width: 150px;

    background: #fbfaf9 !important;

    box-shadow: var(--hp-modal-shadow, 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08)) !important;

    border-radius: 2px;

}



.edit_comment,.save_comment, .del_comment

{

  cursor: pointer!important;

}