@font-face{

    font-family: 'Roboto';

    src: url(../fonts/Roboto-Regular.ttf) format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face{

    font-family: 'Roboto';

    src: url(../fonts/Roboto-Light.ttf) format('truetype');

    font-weight: 300;

    font-style: normal;

  }

@font-face{

    font-family: 'Roboto';

    src: url(../fonts/Roboto-Medium.ttf) format('truetype');

    font-weight: 500;

    font-style: normal;

}

@font-face{

    font-family: 'Roboto';

    src: url(../fonts/Roboto-SemiBold.ttf) format('truetype');

    font-weight: bold;

    font-style: normal;

}

@font-face{

    font-family: 'Roboto';

    src: url(../fonts/Roboto-Italic.ttf) format('truetype');

    font-weight: normal;

    font-style: italic;

}

    

body,input,p,span,h1,h2,h3,h4,h5,textarea

{

    font-family: Roboto !important;

}

:root{

    --text-color:#656970;

/*    --title-color:#262626;*/

    --title-color:#4e4e4e;

    --main-color:#1dbf73;

    --background-color:#f2f2f7;

/*    --item-bg-color:#efefef;*/

    --item-bg-color:#e9e9f1;

    --faded-color:#9f9ea5;

    --delete-color:#f34f5f;

}

::-webkit-scrollbar {

    width: 7px;    

}

::-webkit-scrollbar-track {   

    border-radius: 10px;

}

::-webkit-scrollbar-thumb {

    border-radius: 10px;    

    background: #e5e5e5;

}

.editorblock ::-webkit-scrollbar-thumb{

    background: #e9e9ffab;

}

body{

    font-size: 14px;

    line-height: 24px;

    letter-spacing: 0.2px;

    color:var(--text-color);

    margin:unset;

}

h1,h2,h3,h4,h5,h6{

    margin:unset;

    color:var(--title-color);

}

h5{

    font-size: 16px;

    line-height: 26px;

    font-weight: 500;    

}

h6{

    font-size: 14px;

    line-height: 24px;

    font-weight: 500;    

}

img{

    max-width:100%;

}

svg{

    fill:var(--text-color);

}

ul{

    padding-left:unset;

}

b{

    font-weight: 500;

}

a{

    text-decoration: none;

}

.no-padding{

    padding:0px !important;

}

.no-margin{

    margin:0px !important;

}

.modal-sm{

    width:40em !important;

}

.btn-xs{

    padding: 5px 8px;

    height:unset;

}

.btn-md{    

    height:38px;

}

.xs-txt{

    font-size:12px;

    line-height:22px;

}

.small-txt{

    font-size:13px;

    line-height:23px;

}

.fl-l{

    float:left;

}

.fl-r{

    float:right;

}

.move-r{

    margin-left:auto;

}

.ellipsis-txt{

    white-space: nowrap; 

/*    width: 600px; */

    overflow: hidden;

    text-overflow: ellipsis;

}

.align-centr{

    display: flex;

    align-items: center;

}

.flex-txt-svg{

    display: flex;

    align-items: center;    

}

.flex-txt-svg svg{

    margin-right:8px;

}

.primary-btn-solid{

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

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

    color:#ffffff;

}

.primary-btn-solid svg{

    fill:#ffffff;

}

.primary-btn-solid:hover, .secondary-btn-outline:hover{

    background-color:#129b5a;

    border:1px solid #129b5a;

    color:#ffffff;

}

.secondary-btn-outline.active{

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

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

    color:#ffffff;

}

.custom-chkbox input[type="checkbox"], .checklist_ul input[type="checkbox"]{

    -webkit-appearance: none;

    border: 1px solid #c5c6c9 !important;

    height: 18px;

    width: 18px;

    vertical-align: middle;

    cursor: pointer;

    border-radius: 2px;

    margin-right: 7px;

    flex-shrink: 0;

    transition: .15s ease-in-out;

}

.custom-chkbox input[type=checkbox]::before,.checklist_ul input[type="checkbox"]::before{

    content: "";

    color: transparent;

    display: block;

    width: inherit;

    height: inherit;

    background-color: transparent;

    background-size: contain;

}

.custom-chkbox input[type=checkbox]:checked, .checklist_ul input[type=checkbox]:checked{

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

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

    transition: .15s ease-in-out;

}

.custom-chkbox input[type=checkbox]:checked::before, .checklist_ul input[type=checkbox]:checked::before {

    box-shadow: none;

    background-image: url("data:image/svg+xml,<svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><path fill='%23ffffff' d='M19.843,8.779l-7.35,7.35l-2.35-2.35c-0.487-0.487-1.276-0.487-1.762,0c-0.487,0.487-0.487,1.276,0,1.762   l3.238,3.237c0.488,0.487,1.275,0.487,1.762,0l8.237-8.237c0.487-0.486,0.488-1.274,0.002-1.761C21.62,8.78,21.619,8.78,21.618,8.779C21.131,8.292,20.331,8.292,19.843,8.779z'/></svg>");

    height: 20px;

    width: 20px;

    margin-top: -1px;

    margin-left: -2px;

}



/*Submenu DD*/



.sub-menu-dd {

    position: relative;

    cursor: pointer;

}



.sub-menu-dd>.options>ul {

    background: #fff none repeat scroll 0 0;

    display: none;

    padding: 0px;

    position: absolute;

    top: 32px;

    /*width:-webkit-fill-available;  width: -moz-available; */

    min-width: 210px;

    border: 1px solid #dddddd;

    border-radius: 3px;

    /*max-height: 230px;*/

    z-index: 1;

    border-top: transparent;

    transition: all .2s cubic-bezier(.2, .3, .25, .9);

    transition-property: all;

    transition-duration: .2s;

    transition-timing-function: cubic-bezier(.2, .3, .25, .9);

    transition-delay: initial;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: dropDownAnimDown;

    box-shadow: 0 5px 25px 2px #e1e4ed, 0 8px 30px #e1e4ed;

}

.sub-menu-dd .options ul li{

    list-style: none;

}

.sub-menu-dd .options ul li a {

    padding: 8px 14px;

    display: block;

    cursor: pointer;

    font-weight: 400;

    color: #626469;

}

.sub-menu-dd .options ul li a.active {

    color: var(--main-color);

}

.sub-menu-dd .options ul li:hover {

    background: var(--background-color);

    transition: 0.2s ease;

}

.sub-menu-dd .options ul li a:hover {

    color: var(--main-color);

    text-decoration: none;

}

.sub-menu-dd .arrow::after {

    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey" width="18" height="18"><g id="_01_align_center" data-name="01 align center"><path d="M12,15.5a1.993,1.993,0,0,1-1.414-.585L5.293,9.621,6.707,8.207,12,13.5l5.293-5.293,1.414,1.414-5.293,5.293A1.993,1.993,0,0,1,12,15.5Z"/></g></svg>');

    position: absolute;

    right: -6px;

    top: 50%;

    transform: translateY(-50%);

}

.sub-menu-dd .arrow.up1::after {

    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" fill="grey" width="18" height="18"><path d="M17.293,15.207,12,9.914,6.707,15.207,5.293,13.793,10.586,8.5a2,2,0,0,1,2.828,0l5.293,5.293Z"/></svg>');

    position: absolute;

    right: -6px;

    top: 50%;

    transform: translateY(-50%);

}

.sub-menu-right .options>ul {

    right: 0px;

}



/*Submenu DD*/





/*Dropdown*/



.dropdown .selected .dropdown_caption:hover{

    border-color: #bbbbbb !important;

}

.dropdown .selected .dropdown_caption:hover{

    color: var(--main-color);

}

.dropdown {

    position: relative;

    margin: 5px 0px 8px;

    min-width: 200px;

    background: #ffffff;

}

.dropdown .selected .dropdown_caption,.dropdown .selected a{

    display: block;

    padding: 8px 30px 8px 12px;

    border: 1px solid #dddddd;

    /*width:100%;*/

    /*height: 50px;*/

    border-radius: 3px;

    cursor: pointer;

}

.dropdown .selected .dropdown_caption::after,.dropdown .selected a::after{

    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey" width="18" height="18"><g id="_01_align_center" data-name="01 align center"><path d="M12,15.5a1.993,1.993,0,0,1-1.414-.585L5.293,9.621,6.707,8.207,12,13.5l5.293-5.293,1.414,1.414-5.293,5.293A1.993,1.993,0,0,1,12,15.5Z"/></g></svg>');

    position: absolute;

    right: 6px;

    top: 10px;

}

.dropdown .selected .dropdown_caption.up1::after{

    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" fill="grey" width="18" height="18"><path d="M17.293,15.207,12,9.914,6.707,15.207,5.293,13.793,10.586,8.5a2,2,0,0,1,2.828,0l5.293,5.293Z"/></svg>');

    position: absolute;

    right: 6px;

    top: 10px;

}

.dropdown .selected .dropdown_caption span,.dropdown .selected a span {

    cursor: pointer;

    display: block;

    /* padding:5px;*/

}

.dropdown .option {

    position: relative;

}

.dropdown>.options>ul {

    background: #fff none repeat scroll 0 0;

    display: none;

    padding: 10px 0px;

    position: absolute;

    top: 26px;

    width: -webkit-fill-available;

    width: -moz-available;

    border: 1px solid #dddddd;

    border-radius: 3px;

    /*max-height: 230px;*/

    /*  z-index: 1;*/

    z-index: 999;

    border-top: transparent;

    transition: all .2s cubic-bezier(.2, .3, .25, .9);

    transition-property: all;

    transition-duration: .2s;

    transition-timing-function: cubic-bezier(.2, .3, .25, .9);

    transition-delay: initial;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: dropDownAnimDown;

    box-shadow: 0 5px 25px 2px #e1e4ed, 0 8px 30px #e1e4ed;

    margin: 1em 0;

}

.dropdown .options ul li{

    list-style: none;

}

.dropdown .options ul li option,.dropdown .options ul li a {

    padding: 5px 14px;

    display: block;

    cursor: pointer;

    /*color:#3179ac;*/

}

.dropdown .options ul li a {

    color: #626469;

}

.dropdown .options ul li option:hover,.dropdown .options ul li a:hover,.dropdown .options ul li:hover {

    background: var(--background-color);

    color: var(--main-color);

    transition: 0.2s ease;

    text-decoration: unset;

}

.dropdown .options .dd2-opt {

    max-height: 220px;

    overflow-y: auto;

    overflow-x: hidden;

}

.dropdown .options ul .dd-list {

    padding: 5px 14px;

    /*display: flex;*/

    display: grid;

    grid-template-columns: min-content auto;

    align-items: center;

    cursor: pointer;

}

.dropdown .options ul .dd-list>.avatar{

    margin-right:8px;

}

/*Dropdown end*/



.container {

    max-width: 100em;

    margin: 0 auto;

}



.comment-thread p:focus-visible

{

  outline:none;

}

.sidepanel-outer{

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

    z-index: 9999;

    position: fixed;

    top: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    box-sizing: border-box;

/*    transform: translateX(100%);*/

/*    transition: .3s ease-out;*/

    transition: visibility 0s linear 0.3s, opacity 0.3s;

    visibility: hidden;

    opacity:0;

}

.sidepanel-outer.visible{

    visibility: visible;

    opacity:1;

    transition-delay: 0s;

}

.side-panel-inner{

    background: var(--background-color);

    min-width: 35em;

    width: 35em;

    padding: 30px;

    transform: translateX(100%);

    transition: .4s ease-out;

/*    transition:all 0.3s 0.3s;*/

    height: 100%;

    float: right;

}



.backbutton{

    cursor: pointer;

}

.backbutton svg{

    fill:var(--title-color);

}



/* .scrollBarVar {

    height: calc(100vh - 191px);

    padding: 0;

    padding-top: 8px;

    width: 100%;

}*/



/*.commentsList

{

      

}*/



.post_comment a

{

    cursor: pointer!important;

}

.comment_section

{

    position: relative;

    float:right;

}

.hovercomment

{



transition: none;

animation-name: glowMore;

animation-delay: 0.3s;

animation-fill-mode: both;

animation-duration: 0.5s;



border:1px solid #a7cde8!important;







}







/*.comments-wrapper .comment-thread:nth-last-child(2):before{

        display: none;

}*/



/*Comments*/

p{

    margin:unset;

}

.txt-s{

    font-size:12px;

}

.mt-10{

    margin-top:10px;

}

.mt-15{

    margin-top:15px;

}

.mt-20{

    margin-top:20px;

}

.mt-30{

    margin-top:30px;

}

.mt-40{

    margin-top:40px;

}

.mb-7{

    margin-bottom:7px;

}

.mb-10{

    margin-bottom:10px;

}

.mb-15{

    margin-bottom:15px;

}

.mb-30{

    margin-bottom:30px;

}

.mb-50{

    margin-bottom:50px;

}

.pt-5{

    padding-top:5px;

}

.pt-10{

    padding-top:10px;

}

.pb-10{

    padding-bottom:10px;

}

.plr-30{

    padding:0 30px;

}

.mr-8{

    margin-right:8px;

}

.mr-12{

    margin-right:12px;

}

.flex-space-btw{

    display: flex;

  justify-content: space-between;

  align-items: center;

}

.self-start{

    align-self: flex-start;

}

.heading-color{

    color:#363636;

}

.faded-color{

    color:var(--faded-color);

/*    opacity: 0.5;*/

}

.del-link{

    color:#9a0032;

}

.del-item .primary-btn-solid,.del-item-btn.primary-btn-solid, .del-item-btn.secondary-btn-outline:hover{

    background:var(--delete-color);

    border-color:var(--delete-color);

    color:#ffffff;

}

.del-item-btn.secondary-btn-outline{

    border-color:var(--delete-color);

    color: var(--delete-color);

}

.del-item .primary-btn-solid:hover,.del-item-btn.primary-btn-solid:hover, .del-item-btn:hover{

    background:#e24554;

    border-color:#e24554;

}



.readmore a

{



    font-size:12px!important;

    cursor: pointer!important;

}





.emojidropdown  .options

{

    z-index: 99999999;

}



.comments-wrapper{

    border:1px solid #dddddd;

    border-radius:3px;    

    max-width:350px;

    position: relative;

    display: grid;

    z-index:auto;

}

.profile-pic-area{

    height: 25px;

  width: 25px;

  border-radius: 50%;

  color: #ffffff;

  font-size: 12px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-shrink: 0;

/*  background: #fd586a;*/

  margin-right:12px;

  text-transform: uppercase !important;

}

.comment-thread{

    position: relative;

    display: flex; 

    padding:7px 0;   

}

.comment-thread:before {

    content: "";

    position: absolute;

    top: 20px;

    left: 12px;

    width: 1px;

    height: calc(100% + 10px);

    background: #dddddd;

     z-index: -1; 

}

.comment-thread:hover .react-emoji{

    display: block;

    cursor: pointer;

}

.comments-wrapper .comment-thread:last-child:before{

        display: none;

}

.react-emoji{

    display: none;

}





.contentEditor * {

    font-family: unset;

    line-height: 25px;

}

.contentEditor b {

    font-weight: bold;

}





.contentEditor .list{

    background-color:#ececec;

    margin: 0 !important;

    width: 100%;

    clear: both;

   

    color: #646567;

    position: relative;

    

    width: calc(100%) !important;

    xmargin: 10px 0 10px -10px !important;

   padding: 3px 0px;



}

.contentEditor .list:before{

background-color: transparent;

color: #72808e;

content: counter(line);

counter-increment: line;

display: inline-block;

float: left;

margin: 0px 15px 0 -45px;

max-width: 60px;

overflow: hidden;

text-align: right;

text-overflow: ellipsis;

-webkit-user-select: none;

white-space: nowrap;

width: 60px;

}

.contentEditor .list:after{

content: "";

display: inline-block;

height: 100%;

left: 25px;

position: absolute;

width: 1px;

top: 0;

border: 1px solid #bdc7d0;

}



/* .contentEditor strong, .contentEditor bold, .contentEditor b{

font-weight:500;

} */







.contentEditor p{

line-height:1.46!important;

margin: 10px 0 !important;

}



.contentEditor i{

font-style:italic;

}



/*.contentEditor img{

 display:block;

}*/



.contentEditor h1{
font-size: 1.5rem;
font-weight:500;
line-height: 32px;
margin-bottom: 12px;
}
.contentEditor h2{
font-size: 1.250rem;
font-weight: 500;
line-height:32px;
margin-bottom:12px;
}

.contentEditor h3{
font-size: 1.125rem;
margin-bottom:10px;

}

.contentEditor h4{
font-size: 1rem;
margin-bottom:10px;
}

.contentEditor h5{
font-size: 0.875rem;
margin-bottom:10px;
}

.contentEditor h6{
font-size: 0.750rem;
margin-bottom:10px;

}



.contentEditor h1:first-child, .contentEditor h2:first-child, .contentEditor h3:first-child, .contentEditor h4:first-child, .contentEditor h5:first-child, .contentEditor h6:first-child{

margin-top: 0px;

}



.contentEditor a{

color:#29a3f0!important;    

/*text-decoration:underline;*/

cursor: pointer;

}



.contentEditor a:hover{

text-decoration:none;

}





.contentEditor > * {

/*width: calc(100% - 10px) !important;*/

}



/*.contentEditor > * *{

font-size: inherit !important;

color: inherit !important; 

}*/



.contentEditor blockquote, .contentEditor q{

font-style:italic;

margin:20px;

width:calc(100% - 20px) !important;

position: relative;

padding-left: 10px;

}



.contentEditor p.blockquote{

font-style: italic;

margin:20px;

width:calc(100% - 20px);

position: relative;

}



.contentEditor p.blockquote:before,.contentEditor blockquote:before{

content: "";

float: left;

width: 3px;

background: #abb4bc;

height: 100%;

margin-right: 10px;

position: absolute;

left: 0;

}



.contentEditor ol, .contentEditor ul, .contentEditor ol ul, .contentEditor ul ol{

position: relative;

margin-left: 0px;

    padding-left: 3px;

/*margin: 10px 20px;*/

/*list-style-position:outside;*/

}



.contentEditor ol ul, .contentEditor ul ol, .contentEditor ul ul, .contentEditor ol ol{

margin: 5px 30px !important;

width: auto !important;

}



.contentEditor ol li{

list-style:decimal;  

}



.contentEditor ul li{

list-style:disc;

/*list-style-position: inside;*/

}



.contentEditor ol li, .contentEditor ul li{

margin: 5px 0 !important;  

list-style-position: inside; 

}





.contentEditor pre{

background-color:#ececec;

margin:0!important;

width:100%;

clear:both;

float:left;

color:#646567;

position: relative;

counter-reset: line;

width: calc(100% + 20px) !important;

margin: 10px 0 10px -10px !important;

}



.contentEditor pre > div, .contentEditor pre > code{

max-width: calc(100% - 25px) !important;

clear: both;

margin: 10px 0 10px 25px !important;

min-height: 20px;

white-space: pre-wrap;

}



.contentEditor pre > div:after, .contentEditor pre > code:after{

background: #abb4bc;

content: "";

display: inline-block;

height: 100%;

left: 25px;

position: absolute;

width: 1px;

top: 0;

}



.contentEditor pre div:before{

background-color: transparent;

color: #72808e;

content: counter(line);

counter-increment: line;

display: inline-block;

float: left;

margin: 0px 15px 0 -65px;

max-width: 60px;

overflow: hidden;

text-align: right;

text-overflow: ellipsis;

-webkit-user-select: none;

white-space: nowrap;

width: 60px;

}



.contentEditor ul.checklist{

list-style: none;

/*margin: 10px 20px!important;*/

    clear: both;

}



.contentEditor ul.checklist li{

list-style: none;

line-height: 1.46;

}



.contentEditor ul.checklist p{

margin: 0 !important;   

}



.contentEditor ul.checklist .clickboximg{

opacity: 0.6;

float: left;

margin: 3px 10px 0 0 !important;

z-index: 9;

content: ' ';

display: inline-block;

width: 16px;

height: 16px;

background-size: contain;

position: relative;

cursor: pointer;

}



.contentEditor ul.active-checklist .active{





}



.contentEditor ul.active-checklist .checklisttext{

text-decoration: line-through;

}

.clickboximg:read-only {

  background-color: yellow;

}



.newcheckbox

{

    display: none !important;

}





.contentEditor ul{

    padding-left: 3px;

    /*margin-left: 30px;*/

}

.contentEditor ul.checklist li:hover:before{

opacity: 1!important;

}





.contentEditor ul.checklist li.active:before{

background: url(../images/check_box_checked.png);

}



.overViewSubDiv .contentEditor > *:last-child{

margin-bottom: 0;

}





.contentEditor style, .contentEditor script{

white-space: pre; 

display: block;

}



.contentEditor .syntaxHighlight{

color:#cefce9;

}



.contentEditor .hrDiv{

height: 1px;

width: 100%;

background-color: #CCC;

margin: 10px 0!important;

}





.buttonDiv {

/*background: #144173;*/

border-radius: 4px 4px 0px 0px;

float: left;

/*width: 350px;*/

padding: 0;

clear: both;

z-index: 9999;

position: fixed;

display: flex;

flex-wrap: wrap;

align-items: center;

justify-content: center;

opacity:0;

}



.buttonDivAnimate {

transition: top 75ms ease-out,left 75ms ease-out;

    display: block;

    /*    left: 30%;

        bottom: 10%;

        */

}



.highlightDiv {

height: 100%;

left: 0;

position: absolute;

top: 0;

width: 2px;

}

.btnGroup{
    z-index:9999;
}

.buttonDiv .btnGroup {

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

border-right: 1px solid #183a5e;*/

float: left;

border-radius: 3px;

overflow: hidden;

background: #144173;

}



.buttonDiv .btnGroup:first-child, .buttonDiv .btnGroup:last-child {

border-left: none;

}



.buttonDiv .btnGroup:last-child {

    border-right: none;

    /*position: absolute;*/

    width: 100%;

    display: flex;

    justify-content: center;

    top: 100%;

    background: #062344;

    border-radius: 6px;

    border: 1px solid #021429;

}



.buttonDiv .btnGroup button,

.buttonDiv .btnGroup button .iconDiv {

float: left;

}



.buttonDiv .btnGroup button svg {

fill: #bbbccc;

float: left;

}



.buttonDiv .btnGroup button:hover svg, 

.buttonDiv .btnGroup button.active svg {

fill: #fff;

}



.buttonDiv button:hover, .buttonDiv .active {

background: #224062;

}



.buttonDiv button {

background: transparent;

border: none;

border-radius: 0;

height: 40px;

/*width: 40px;*/

padding: 0 6px;

display: inline-flex;

align-items: center;

justify-content: center;

}

.buttonDiv .btnGroup button:hover svg, 

.buttonDiv .btnGroup button.active svg {

fill: #fff;

}

.buttonDiv button svg{

height: 18px;

width: 18px;



fill: #bbbccc;

}





/* Hari */



.buttonDivNew {

    display: none;

/*background: #144173;

border-radius: 4px 4px 0px 0px;

float: left;

width: 390px;

padding: 0;

clear: both;

z-index: 9999;

position: fixed;

display: flex;

flex-wrap: wrap;

align-items: center;

justify-content: center;

opacity:0;

 margin-top: 13px*/

}



 .sticky 

 {

  position: fixed;

                }



.buttonDivNew .btnGroup {

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

border-right: 1px solid #183a5e;*/

float: left;

border-radius: 3px;

/*overflow: hidden;*/

overflow:visible;

background: #144173;

}



.btnGroup .emojidocument .emojidropdown .statusEmojiDD{

    top: -32em;

    left: 0em;

}



.buttonDivNew .btnGroup:first-child, .buttonDivNew .btnGroup:last-child {

border-left: none;

}



.buttonDivNew .btnGroup:last-child {

/*border-right: none;

position: absolute;*/

width: 100%;

display: flex;

justify-content: center;

/*bottom: 18%;*/

background:#03162b;

border-radius:6px;;

border: 1px solid #021429;

    width: 392px;

        /*left: 20%;*/

}



.buttonDivNew .btnGroup

{

    margin-top:1%;

}



.buttonDivNew .btnGroup button,

.buttonDivNew .btnGroup button .iconDiv {

float: left;

}



.buttonDivNew .btnGroup button svg {

fill: #bbbccc;

float: left;

}



.buttonDivNew .btnGroup button:hover svg, 

.buttonDivNew .btnGroup button.active svg {

fill: #fff;

}



.buttonDivNew button:hover, .buttonDiv .active {

background: #224062;

}



.buttonDivNew button {

background: transparent;

border: none;

border-radius: 0;

height: 40px;

width: 40px;

padding: 0;

display: inline-flex;

align-items: center;

justify-content: center;

}

.buttonDivNew .btnGroup button:hover svg, 

.buttonDivNew .btnGroup button.active svg {

fill: #fff;

}

.buttonDivNew button svg{

height: 18px;

fill: #bbbccc

width : 18px;

}

/* Hari */

.hyperlink_text {

    border:1px solid #b8e3fd00;

    float: left;

    min-width: 150px;

    overflow: hidden;

    padding: 5px;

    /*width: auto;*/

    width: 300px;

    height: 40px;

/*  margin-left: 12px;*/



    

}

.hyperlink_text:hover

{

    border-color: #ffffff !important;

}

.hyperlink_text:focus

{

    border-color: #ffffff !important;

}





.hyperlink_btn {

background: #233656 none repeat scroll 0 0;

border: medium none;

color: #858f99;

line-height: 18px;

padding: 5px 10px;

margin-left: 0px !important;

    background: #fdfdfd url(https://app.aptoro.com/images/next.png) no-repeat 15px center;

     height: 40px;

 /*   height: 40px;

    padding-left: 36px;

    border: 1px solid #000;

    background: #12254c url(https://app.aptoro.com/images/next.png) no-repeat 15px center;

    cursor: pointer;

    margin-left: 0px !important;*/

}

 .hyperlink_remove_btn {

background: #233656 none repeat scroll 0 0;

border: medium none;

color: #858f99;

line-height: 18px;

padding: 5px 10px;

margin-left: 0px !important;

    background: #fdfdfd url(https://app.aptoro.com/images/close.png) no-repeat 15px center;

     height: 40px;

 /*   height: 40px;

    padding-left: 36px;

    border: 1px solid #000;

    background: #12254c url(https://app.aptoro.com/images/next.png) no-repeat 15px center;

    cursor: pointer;

    margin-left: 0px !important;*/

}





.hyperlink_btn:hover, .hyperlink_remove_btn:hover{

color: #FFF;    

}



.contentEditor a .commentSpan {

border: medium none;

color: #53b0f6;

}



.contentEditor a .commentSpan:hover, .contentEditor a:hover .commentSpan {

color: #4d5c69!important;

}



/*End Hari*/



.commenting_para

{

    min-height: 20px;

    word-break: break-word;

    line-height: 1.46rem;

    margin-bottom: 5px;

    font-size: 15px;

    letter-spacing: 0.2px;

    color: #4d5660;

    width:100%;

}

.comm_p{

    width:100%;

}

.comm_p p

{

   line-height: 20px; 

   font-size: 14px;

   letter-spacing: 0.2px;

/*   max-height: 45px;*/

   overflow: hidden;

   color: #4d5660;

   word-break: break-word;

}

.comments-list{

    max-height: 250px;

    overflow-y: auto;

    padding: 15px 12px;

}

.comment-head-actions{

    padding: 13px 20px;

    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;

}

.comment_count p{

    font-size: 11px;

    color: var(--main-color);

}

.show_count{

    margin-left:37px;

}

.findModal-content{

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

    position: absolute;

    border-radius: 3px;

    width: 40em;

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

}

.pop-head{

    padding:15px 24px;

}

.pop-body{

    padding:15px 24px 30px;

    max-height: 500px;

    overflow:auto;

}

.pop-footer{

    padding:15px 24px;

}

.modal-close{

    float: right;    

    text-align: center;

    cursor: pointer;    

    font-size: 23px;

    padding: 10px 25px;

    font-weight: 400;

    position: absolute;

    right: 0px;

    top: 0px;

}

.tabs-nav{

    display: flex;

    list-style: none;

    padding-left:unset;

    margin:unset;

}

.tabs-nav>li>a{

    padding:10px 15px;

    background: var(--background-color);

    border-right: 1px solid #e7e7e7;

    border-top: 1px solid #e7e7e7;

    border-bottom:transparent;

    text-decoration: unset;

    color:var(--title-color);

    font-size: 14px;

}

.tabs-nav>li:first-child>a{

    border-left: 1px solid #e7e7e7;

    border-top-left-radius:5px;

}

.tabs-nav>li:last-child>a{

    border-top-right-radius:5px;

}

.tabs-nav .tab-active>a{

    background: #ffffff;

    border-bottom-color: transparent;

}

.tabs-stage{

    border: 1px solid #e7e7e7;

/*    border-top: unset;*/

    padding: 15px;

    margin-top: 6px;

    background: #ffffff;

    border-radius:5px;

}

input[type=text], input[type=email], input[type=number], input[type=password], input[type=search], input[type=url], input[type=tel], select,textarea, input[type="date" i], .cont-edit-area, .sel2, .custom-search-invite{

    border:1px solid #dddddd;

    height:32px;

    line-height: 42px;

    padding:0 15px;

    border-radius:3px;

    margin:5px 0;

    width: -webkit-fill-available;

    width: -moz-available;

}

input:focus, select:focus, textarea:focus, .drop-down .selected .dropdown_caption:hover, .drop-down2 .selected .dropdown_caption:hover, input:hover, select:hover, textarea:hover{

    border-color:#bbbbbb !important;

}

input[type=search]{

    padding:0 30px 0 15px;

}

.custom-search-invite{

    height:auto;    

}

.custom-search-invite .search-icon .search_click::after{

    right:2px;

    bottom:16px;

    top:unset;

}

.custom-search-invite input[type=search]{

    border:unset;

    padding:0 20px 0 5px;

    height:38px;

}

:focus-visible{

    outline: unset;

}

button{

    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;

}

button:hover{

    background-color:#dddddd;

    border-color: #dddddd;

}

.txt-r{

    text-align: right;

}

.txt-c{

    text-align: center;

}

.form-field{

    margin-bottom: 10px;

    text-align: left;

    overflow: auto;

    display: table;

    width: 100%;

    position: relative;

}

.findword-count{

    position: absolute;

    right: 20px;

    top: 50%;

    color:#62646994;

}

.newblock{

    display: block; 

}



.imagediv img{

/*    flex:1;*/



/*flex-grow: 0; 

flex-shrink: 0; 

flex-basis: 33.3333%;*/



    flex-grow: 1;

    flex-shrink: 1;

    flex-basis: auto;

/*    order: 0;*/

    object-fit: contain;

    max-height:500px;

    overflow: auto;



    /*flex: 1.3333 1 0%;

    position: relative;

    flex-grow: 1;

    flex-shrink: 1;

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

    margin: 0 5px 0 5px;

    min-width: 0;*/

}



.imagediv.active img{

    border: 2px solid blue;

    padding: 4px;

}





/*Home*/

.home-panels-outer{

    display: grid;

    grid-template-columns: 240px 1fr;

    height: 100vh;

    overflow: hidden;

}

.home-left-panel{    

    background:var(--background-color);

    padding:30px 10px;

    height:100vh;

    box-sizing:border-box;

}

.left-nav{

    padding:unset;

    list-style: none;

}

.left-nav li{

    

}

.left-nav li:hover, .left-nav li.active{

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

    border-radius: 4px;

}

.left-nav li.active a{

    color: var(--main-color);

    font-weight: 500;

}

.left-nav li.active svg{

    fill:var(--main-color);

}

.left-nav li a{

    text-decoration: none;

    color: var(--text-color);

    padding:8px 20px;

}

.left-nav svg{

    height:18px;

    width:18px;

    fill:var(--text-color);

    margin-right:10px;

}

.left-menu-item{

    display: flex;

    align-items: center;

}

.home-main-panel{

    padding:30px;    

}





/*Main Tab*/

.MainTab-menu>ul{

    border-bottom: 1px solid #d1d1d1;

    padding: 0 5px 10px;

    display: flex;

    align-items: center;

    flex-direction: row;

    position: relative;

}

.MainTab-menu>ul>li{

    list-style-type: none;

/*    display: inline-block;*/

}

.MainTab-menu>ul>li>a{

    text-decoration: none;

    color: #787676; 

    padding: 7px 25px;

    border-radius: 4px;

    font-weight: 500;

}

.MainTab-menu>ul>li>a.active-a{

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

    color:var(--text-color);

}

.tab{

    display: none;

}

.tab-active{

    display: block;

}

/*End Main tab*/

.search-icon{
    position: relative;
}


.search-icon .search_click::after {

    content: url(../icons/search.svg);

    position: absolute;

    right: 10px;

    top: 14px;

    cursor: pointer;

}

.header-block{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.header-right{

    display: flex;

    align-items: center;

    gap: 12px;

}

.header-right svg{

    fill:#7a7b7d;

    cursor:pointer;

}

.header-right svg:hover{

    fill:var(--main-color);

}

.header-right .avatar{

    height: 28px;

    width: 28px;

    font-size: 14px;

}

.avatar{

    height: 24px;

    width: 24px;

    border-radius: 50%;

    color: #ffffff;

    font-size: 11px;

    display: flex;

    justify-content: center;

    align-items: center;

    background:#7a71f6;

    text-transform: uppercase;

}



.file-meta{

    font-size: 12px;

    line-height: 22px;

    color: #8f8d8d;

}

.avatar-group{

    display: inline-flex;

}

.avatar-group .avatar{    

    margin-left: -8px;

    border: 2px solid #ffffff;

}

.avatar-group .avatarThumb:first-child{

    margin-left: 8px;

}

.avatarThumbSet .avatar:hover {

    transition-duration: all 0.8s ease-out;

    transform: scale(1.05);

}

.file-li-item, .file-li-item-head{

    display: grid;

    grid-template-columns: auto 1fr 200px 144px;

    gap: 10px;

    align-items: center;

    padding: 10px 5px;

/*    border-bottom: 1px solid #f1f1f1;*/

    border-bottom: 1px solid #cfcfcf;

    cursor:pointer;

}

.file-li-item:hover{

    background:var(--background-color);

}

.file-li-item:hover .file-info h6{

    color:var(--main-color);

}

.file-info{

    display: flex;

}

.file-info svg{

    height:25px;

    width:25px;

}

.file-info h6{

    width:600px;

    font-size:15px;

    line-height: 25px;

    font-weight:400;

    color:#313042;

}

.file-list-actions{

    position: fixed;

    bottom: 0px;

    padding: 20px 0;

    border-top: 1px solid #d1d1d1;

    background:#ffffff;

    display: flex;

    gap: 10px;

    align-items: center;

    width: 100%;

}

.files-list-wrapper{

    height: calc(100vh - 290px);

    overflow-y: scroll;

    /*overflow: hidden;*/

}

.star-icon{

    width:25px;

}

.star-icon svg{

    height: 17px;

    width: 17px;

    fill: #cfcfcf;

    margin-right: 8px;

    margin-top:2px;

    display: none;

}

.star-icon:hover svg{

    fill:#bbbbbb;

}

.file-li-item:hover .star-icon svg{

    display: block;

}

.star-icon.starred svg,.star-icon-sed.starred svg,.file-li-item:hover .star-icon.starred svg,.star-icon-sed.starred:hover svg{    

    fill:#F8D74D;

    display: block;

}

.no-border-dd .select2-container--default .select2-selection--single{

    border:unset !important;

}

.share-action{

    display: inline-flex;

    align-items: center;

}



/*toggle switch*/

.toggle-switch {

  position: relative;

  display: inline-block;

  width: 24px;

  height: 14px;

}

.toggle-switch input { 

  opacity: 0;

  width: 0;

  height: 0;

}

.switch {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #87909e;

  -webkit-transition: .4s;

  transition: .4s;

  border-radius: 34px;

}

.switch:hover{

    background-color:#656f7d;

}

.switch:before {

  position: absolute;

  content: "";

  height: 10px;

  width: 10px;

  left: 2px;

  bottom: 2px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

  border-radius: 50%;

}

input:checked + .switch {

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

}

input:focus + .switch {

/*  box-shadow: 0 0 1px #2196F3;*/

}

input:checked + .switch:before {

  -webkit-transform: translateX(10px);

  -ms-transform: translateX(10px);

  transform: translateX(10px);

}

/*End toggle switch*/



/*.share-mem-listbox{

    display: none;

}*/

.share-mem-listbox ul{

    max-height: 112px;

    overflow: hidden;

    overflow-y: auto;

}

.share-mem-li{

    padding: 7px 10px;

    cursor:pointer;

}

.share-mem-li:hover{

    background:var(--background-color);

    border-radius:4px;

}

.owner-badge{

    opacity: 0.7;

    margin-left: 10px;

    border: 1px solid #cfcfcf;

    border-radius: 3px;

    padding: 0 5px;

}

.select2-dropdown{

    z-index:9999!important;

    border:1px solid #dddddd !important;

}

.select2-container--default .select2-results__option--highlighted[aria-selected]{

    background-color:#f2f2f7 !important;

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

}

.select2-container--default .select2-results__option[aria-selected=true]{

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

    color: #ffffff !important;

}

.select2-container--open .select2-dropdown--below{

    border-top-left-radius: 4px !important;

    border-top-right-radius: 4px !important;

    box-shadow:0 5px 25px 2px #e1e4ed, 0 8px 30px #e1e4ed;

}

.select2-results__option{

    padding: 6px 14px !important;

    font-size:13px !important;

    line-height: 23px !important;

}

.inv-emails-li{

    max-height:138px;

    min-height: 38px;

    overflow-y:scroll;

}

.inv-emails-li ul{

    margin:unset;

}

.inv-emails-li li{

    border: 1px solid #e8e9ed;

    border-radius: 3px;

    padding: 2px 5px;

    font-size: 12px;

    list-style: none;

    display: inline-flex;

    align-items: center;

    height: 23px;

    margin:4px 4px 0 0;

}

.inv-li-rem{

    font-size: 16px;

    padding: 0 0px 0 6px;

    cursor:pointer;

}

.inv-li-rem:hover{

    color:#000000;

}

.taskli .custom-chkbox{

    display: flex;

    padding: 3px 0;

}

.taskli h6{

    font-weight: 400;

}

.todo-bydate,.todo-bydoc{

    overflow-y:scroll;

    height:calc(100% - 80px);

}

.taskli input[type=checkbox]:checked + label.striked{

    text-decoration: line-through;

    text-decoration-color: #838383;

}

.taskli .custom-chkbox label{

    flex-grow:1;

    cursor:pointer;

    font-weight: 400;

}



.mention_link

{

        color: #29a3f0 !important;

        text-decoration: none;

}

.side-panel-body .MainTab-menu>ul>li>a{

    padding:7px 10px;

}

.td-doc-list{

    border-bottom:1px solid #d3d3d3;

    padding: 20px 0;

}

.close-icon-sp{

    position: absolute;

    top: 10px;

    right: 10px;

    cursor: pointer;

}

.side-panel-head{

    position: relative;

}

.noti-li{

    display: flex;

    border-bottom: 1px solid #d3d3d3;

    padding: 10px 30px;

}



.noti-li .readmorenoti

{

    max-height: 73px!important;

}

.noti-li

{

    cursor: pointer;

}

.noti-li .ellipsis-txt{

    width:400px;

}

.markread:hover{

    color:var(--main-color);

}

.noti-li.unread{

    background:#e5fff3;

}

/*.tab-notif,.tab-unread{

    overflow-y: scroll;

    height: calc(100% - 86px);

}*/



.notification_section

{

     overflow-y: scroll;

    height: calc(100% - 86px);

}

.select2-container--default .select2-selection--multiple{

    border:1px solid #dddddd !important;

}

.select2-container--default.select2-container--focus .select2-selection--multiple{

    border:1px solid #bbbbbb !important;

}

.cs-search-invite .select2-search--inline{

    width:100%;

}

.cs-search-invite .select2-container--default .select2-selection--multiple .select2-selection__choice{

    font-size: 12px;

    background: unset;

    border: 1px solid #dddddd;

}

.cs-search-invite .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{

    font-size:14px;

}

.share-filesetting-foot{

    background: var(--background-color);

    padding: 20px 30px 30px;

}

.txt-link{

    color:var(--text-color);

    cursor:pointer;

}

.txt-link:hover{

    color:var(--main-color);

}

.txt-link svg{

     fill:var(--text-color);

}

.txt-link:hover svg{

    fill:var(--main-color);

}

.linktxt{

    color: var(--main-color);

}

.collapse-next{

    display: inline;

}

.collapse-next-panel{

    display: none;

    border: 1px solid #ddd;

    border-radius: 5px;

    padding: 12px;

    margin-top: 25px;

    background: white;

}

.radio-item {

  display: inline-block;

  position: relative;

  padding: 0 6px;

  margin: 10px 0 0;

}

.radio-item input[type='radio'] {

  display: none;

}

.radio-item label {  

  cursor: pointer;

}

.radio-item label:before {

  content: " ";

  display: inline-block;

  position: relative;

  top: 3px;

  margin: 0 7px 0 0;

  width: 14px;

  height: 14px;

  border-radius: 11px;

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

  background-color: transparent;

}

.radio-item input[type=radio]:checked + label:after {

  border-radius: 11px;

  width: 8px;

  height: 8px;

  position: absolute;

  top: 7px;

  left: 10px;

  content: " ";

  display: block;

  background: var(--main-color);

}

button:disabled{

    opacity:0.6;

    cursor: default;

}

.cs-search-invite .select2 .select2-selection__rendered{

    max-height: 135px;

    overflow-y: scroll !important;

}

/*.comment_section.stickIt{

    position: fixed;

    right:0px;

    top:10px;

}*/





.login-form-wrapper input[type=text], input[type=email], input[type=password]

{



    height:45px!important;

}



.single-editor-head-outer{

    padding: 15px 40px;

    border-bottom: 1px solid #f1f1f1;

    display: flex;

    gap:10px;

    align-items: center;

    justify-content: space-between;

}

.star-icon-sed svg{

    fill: #cfcfcf;

    margin-right:8px;

    cursor: pointer;

    margin-top: 5px;

}

.star-icon-sed:hover svg{

    fill:#bbbbbb;

}

.sed-title h6{

    margin: unset;

    color:var(--title-color);

}

.menu-separator-vl{

    height: 30px;

    width: 1px;

    background: #e4e4e4;

    margin: 0 7px;

}

.editorarea .left-edit-area{

/*    width:68%;*/

    padding:30px;

}

.doc-title{

    font-size:40px;

    line-height: 50px !important;

    height:unset !important;

    color:var(--title-color);

}

.no-border-field{

    border:unset !important;

}

.buttonDivNew .btnGroup{

    position: fixed;

    bottom: 20px;

    left: calc(100% - 82.5%);

}

.folder-pg-left-panel{

    background: var(--background-color);

    height: 100%;

    padding: 30px 50px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.empty-pg-cont{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    height: 100%;

}

.folder_section{

    padding:30px;

}

.folder_page .file-li-item-head, .folder_page .files-list-wrapper .file-li-item{

    grid-template-columns: auto 1fr 150px;

}

.folder_page .files-list-wrapper{

    height: calc(100vh - 120px);

}

#add_doc_popup .files-list-wrapper .file-li-item{

    grid-template-columns: auto 1fr;

}

#add_doc_popup .file-li-item .file-info h6{

    width:380px;

}



/*Expand search*/

.search-container {

    position: relative;    

    height: 38px;

    width: 30px;   

}

.searchbutton {

    position: absolute;

    font-size: 22px;

    margin: 0;

    padding: 15px 10px;

    text-align: center;

    cursor: pointer;

}

.search-expand:focus + .searchbutton {

    transition-duration: 0.4s;

    -moz-transition-duration: 0.4s;

    -webkit-transition-duration: 0.4s;

    -o-transition-duration: 0.4s;

    background-color: white;

    color: black;

}

.search-expand {

    position: absolute;

    left: 49px; /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */

    background-color: white;

    outline: none;

    border: none !important;

    border-radius:3px;

    padding: 0 !important;

    width: 0 !important;

    height: 100% !important;

    z-index: 10;

    transition-duration: 0.4s;

    -moz-transition-duration: 0.4s;

    -webkit-transition-duration: 0.4s;

    -o-transition-duration: 0.4s;

    margin:unset !important;

    box-shadow: 0 5px 25px 2px #e1e4ed, 0 8px 30px #e1e4ed;

}

.search-expand:focus {

    width: 363px !important; /* Bar width+1px */

    padding: 0 30px 0 15px !important;

    border: 1px solid #ddd !important;

}

.expandright {

    left: auto;

    right: 38px; /* Button width-1px */

}

.expandright:focus {

    padding: 0 0 0 16px;

}

/*End expand search*/





.modal2.img-slider-pp{

    overflow:hidden;

    background: #000;

}

.img-slider-pp .dots-container{

    display: none;

}

.img-slider-pp .modal-close{

    font-size:40px;

    color:#999;

}

.img-slider-pp .modal-close:hover{

    color:#ffffff;

}

.img-slider-pp .pop-body{

    padding:30px 24px;

    overflow:visible;

}

.slide-img-caption{

    margin-top: 12px;

    color:#fff;

    text-align: center;

    width: 950px;

    /*position: absolute;

    bottom:40px;*/

}

.videoTitle b{

    color:var(--title-color);

    font-weight: 400;

}

.take_video_grid,.take_video_grid_vimeo{

    margin-top:15px;

    overflow-y: auto;

    height: 12em;

    overflow-x: hidden;

}

#video_popup .input-row input[type=search]{

    height:43px;

}

#video_popup .tabs-stage{

    height: 21em;

}

.win-height{

    height: 100vh;

}

.share_users .avatar{

    width: 32px;

    height: 32px;

}

.type-commnt{

    background: var(--background-color);

    padding:8px 15px;

    display: flex;    

}

.mention-to{

    display: flex;

    align-items: center;

    background: var(--background-color);

    border-top: 1px solid #EFEBEB;

}

.mention-to .dropdown{

    font-size: 13px;

}

.mention-to .dropdown .selected .dropdown_caption{

    border:unset;

}

.mention-to .dropdown .selected .dropdown_caption:after{

    display: none;

}

.mention-to .dropdown>.options>ul{

    min-width:270px;

}



.commenting_para[contenteditable=true]:empty:before{

  content: attr(placeholder);

  pointer-events: none;

  display: block;

  color:var(--faded-color) /* For Firefox */

}

#user_list_popup .share-mem-listbox .share-mem-li .avatar{

    height: 28px;

    width: 28px;

}

.file-li-item.move-li, .search_divpanel .files-list-wrapper .file-li-item{

    grid-template-columns: 1fr;

}

.search_divpanel .file-li-item .file-info h6{

    width:270px;

}

.files-list-wrapper .empty-pg-cont{

    overflow: hidden;

}

.tab .files-list-wrapper .empty-pg-cont img{

    width:250px !important;

}

h2.breadcrumbs_folder{

    font-size:16px;

}



/*[contenteditable=true]:empty:before {

  content: attr(placeholder);

  pointer-events: none;

  display: block; 

}*/



/*[contenteditable=true]:empty:before {

    content: attr(placeholder);

    pointer-events: none;

    display: block;

    color: var(--text-color);

}*/



/*.holder:before{

    content: attr(placeholder);

    pointer-events: none;

    display: block;

    color: var(--text-color);

}*/



/** Notification Styles **/



/* peopleNotifyWrapper Style Starts */







.peopleNotifyWrapper, .bottomNotifyWrapper {



right:41px;



margin-left: auto;



margin-right: auto;



position: fixed;



bottom: 20px;



overflow: hidden;



transition: all .15s ease-in;



display: none;



transition-property: all;



transition-duration: 200ms;



transition-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);



transition-delay: initial;



animation-name: dropDownAnimUp;



animation-duration: 0.3s;







}



.default-profile-area-profilesec {

    height: 170px;

    width: 170px;

    border-radius: 3px;

    position: absolute;

    top: 0;

    background: #03113ab8;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}



.default-profile-area-profilesec svg {

    fill: #ffffff;

    opacity: 0.85;

}



.default-profile-area-profilesec p {

    color: #ffffff;

    padding: 5px 20px;

    text-align: center;

    opacity: 0.85;

}



.bottomNotifyWrapper{



opacity: 0;



visibility: hidden;



max-width: 500px;



z-index: 999999999999 !important;



}



.bottomNotifyWrapper .notifyContent:before{



content: '';



position: absolute;



left:0;



top: 0;



width: 100%;



height: 3px;



background: #2be0af;



}



.notificationImage{



position: fixed;



z-index: 9999;



left: 0;



right: 0;



margin: auto;



width: 316px;



height: 126px;



bottom: 30px;



animation-name: dropDownAnimDown;



animation-duration: 0.3s;



display: none;



}



.bottomNotifyWrapper.show{



opacity: 1;



visibility: visible;



z-index:9999999;



animation-name: dropDownAnimDown;



}







.peopleNotifyWrapper.hide, .bottomNotifyWrapper.hide {



animation-name: dropDownAnimUp;



}







.peopleNotifyWrapper .thumbImgDiv {



border: none;



border-radius: 0;



margin-left: 0;



height: 60px;



width: 60px;



position: relative;



z-index: 999;



opacity: 0; 



visibility: hidden;



}







.peopleNotifyWrapper.show .thumbImgDiv {



opacity: 1; 



visibility: visible;



animation-name: animScalePeople;



animation-duration: 0.2s;



}







.peopleNotifyWrapper .peopleContent, .bottomNotifyWrapper .notifyContent {



align-items: center;



background: #f6f8f9;



display: flex;



float: left;



min-height: 52px;

height:auto;



width: auto;



position: relative;



padding: 5px 40px 3px 8px;



opacity: 0;



visibility: hidden;



border: 1px solid #2be0af;



border-radius: 3px;



}







.peopleNotifyWrapper.show .peopleContent, .bottomNotifyWrapper.show .notifyContent {



animation-delay: 0.15;



animation-name: animSlide;



animation-duration: 0.4s;



animation-timing-function: cubic-bezier(0.7,0,0.3,1);



}







.bottomNotifyWrapper.show .notifyContent{



opacity: 1; 



visibility: visible;



animation-name: animScale;



animation-duration: 0.2s;



}







.peopleNotifyWrapper .peopleContent > span, .bottomNotifyWrapper .notifyContent > span {



color: #47484c;



float: left;



font-size: 0.813rem;



font-weight: 500;



margin-left: 10px;



display: flex;



align-items: center;



}







.peopleNotifyWrapper .notifyClose, .bottomNotifyWrapper .notifyClose {



float: right;



height: 8px;



position: absolute;



right: 18px;



top: 23px;



width: 8px;



}







.peopleNotifyWrapper .notifyClose span, .bottomNotifyWrapper .notifyClose span {



float: left;



}



.bottomNotifyWrapper .notifyContent > .successMsg:before{



content: "";



float: left;



width: 20px;



height:20px;



background: url(../images/checkbox.svg);



background-repeat: no-repeat;



background-size: 100%;



margin-right: 12px;



flex-shrink:0;



}



.danger_notify .notifyContent > .failMsg:before{



content: "";



float: left;



width: 20px;



height:20px;



background: url(../images/fail-icon.svg);



background-repeat: no-repeat;



background-size: 100%;



margin-right: 12px;



flex-shrink:0;



}







.peopleNotifyWrapper .notifyClose span svg, .bottomNotifyWrapper .notifyClose span svg{



/*fill: #47484c;*/



float: left;



width: 16px;



height:16px;



}







.peopleNotifyWrapper .notifyClose span svg:hover, .bottomNotifyWrapper .notifyClose span svg:hover{

    fill: var(--delete-color);

}







.bottomNotifyWrapper.errorClass .notifyContent{



background: #FFAFBD;  /* fallback for old browsers */



/*background: -webkit-linear-gradient(to right, #ffc3a0, #FFAFBD); */ /* Chrome 10-25, Safari 5.1-6 */



/*background: linear-gradient(to right, #ffc3a0, #FFAFBD); */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



color:#FFF;



}











.bottomNotifyWrapper.errorClass .notifyClose span svg {



fill: #FFFFFF;



}





/** Notification Styles **/









/** Tooltip Jquery UI **/

.tooltip{

    cursor: pointer !important;

}



.ui-tooltip, .ui-tooltip .arrow:after {

background: rgb(51 51 51 / 90%);



/*border: 2px solid white;*/

}

.ui-tooltip {

padding: 10px 18px;

color: white !important;

z-index: 10000100;

border-radius: 3px;

font: normal 13px "Proxima Nova Rg", Sans-Serif;

/*text-transform: uppercase;*/

/*box-shadow: 0 0 7px black;*/

box-shadow:unset !important;

border:unset !important;

background:#444444 !important;

max-width: 270px;

line-height:20px;

}

.videoiconlabel .ui-tooltip{

    max-width: 350px;

}

.ui-tooltip .grid-col-2{

    gap:15px;

}

.ui-tooltip h1, .ui-tooltip h2, .ui-tooltip h3, .ui-tooltip h4, .ui-tooltip h5, .ui-tooltip h6{

    margin:0px 0px 5px 0px;

    font-size:15px;

    color:#ffffff;

    font-weight:500;

    text-align:center;

}

.ui-tooltip ul>li{

    list-style-type:disc;

    list-style-position:outside;

    margin-left:14px;

    /*padding:2px 0px;*/

}

.ui-tooltip .arrow {

width: 70px;

height: 16px;

overflow: hidden;

position: absolute;

left: 50%;

margin-left: -35px;

bottom: -16px;

}

.ui-tooltip .arrow.top {

top: -16px;

bottom: auto;

}

.ui-tooltip .arrow.left {

left: 20%;

}

.ui-tooltip .arrow:after {

content: "";

position: absolute;

left: 20px;

top: -20px;

width: 21px;

height: 21px;

box-shadow: 6px 5px 9px -9px black;

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-ms-transform: rotate(45deg);

-o-transform: rotate(45deg);

tranform: rotate(45deg);

}

 .ui-tooltip .arrow.top:after {

bottom: -20px;

top: auto;

}



/** Tooltip Jquery UI **/





/*Login Style*/

.login-form-wrapper {

    width: 560px;

    border: 1px solid #dddddd;

    border-radius: 3px;

    padding: 30px 50px;

    box-sizing: border-box;

    background: #ffffff;

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

}



.mb-p-5 {

    margin-bottom: 5%;

}



.google-signup-btn {

    border: unset;

    padding: unset;

    margin: 10px 0;

    width: 228px;

    height: 55px;

    background-image: url(../images/google_signin_normal.png);

    background-repeat: no-repeat;

    background-size: contain;

    background-repeat: no-repeat;

}





.text-divider {

    position: relative;

    max-width: 320px;

    margin: 0px auto;

    text-align: center;

}



.mt{

    margin-top: 20px;

}

.flex-col {

    display: flex;

    flex-direction: column;

}



label {

    font-weight: 600;

}



h6 {

    font-size: 16px;

    line-height: 26px;

    margin: 0px 0 8px 0;

    color: var(--heading-color);

}



.text-divider:before {

    content: " ";

    display: block;

    height: 1px;

    width: 130px;

    background: #dddddd;

    position: absolute;

    top: 50%;

    left: 0;

}





.text-divider:after {

    content: " ";

    display: block;

    height: 1px;

    width: 130px;

    background: #dddddd;

    position: absolute;

    top: 50%;

    right: 0;

}



.login-logo {

    height: 35px;

}



.btn-l {

    padding: 15px 30px;

}



.form-2col {

    display: grid

;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

    align-items: start;

}



.l-fields input[type=text], .l-fields input[type=email], .l-fields input[type=number], .l-fields input[type=password], .l-fields input[type=url], .l-fields input[type=tel] {

    padding: 16px 20px;

}





#sign-up-form input

{

    border: 1px solid #dddddd;

    border-radius: 3px;

     height: 45px!important; 

    padding: 10px 20px;

    width: -webkit-fill-available;

    width: -moz-available;

    color: #626469;

    margin: 5px 0 8px;

    /* transition: .2s ease; */

    background: #ffffff;

}





.valid-msg {

    padding-top: 12px;

}

.valid-msg {

    font-size: 13px;

    line-height: 20px;

    display: flex;

    gap: 5px;

}





.login-form-wrapper #login_function,#get_started,#user_submit

{

    height:45px!important;

}

.registration-multi-form {

    position: relative;

}



.registration-multi-form .tab {

    display: none;

}

.registration-multi-form .tab:first-child {

    display: block;

}





.login-left img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}





.login-right, .cancel-acc-block {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    /* height: 100vh; */

    width: 100%;

    overflow: auto;

}





.registration-multi-form .grid-col-3by7 {

    grid-template-rows: 100vh;

}





.grid-col-3by7 {

    display: grid;

    grid-template-columns: 30% 70%;

}

.error_span

{

    color:#ff6174;

}

.login_error

{

    color:#ff6174;

    text-align: left;

}

.login-form-wrapper .add_border

{

    border:1px solid #ff9da8!important;

}

.heading-type-1 {

    font-size: 30px;

    font-weight: 200;

     color:#000;

}

.mb-p-5 {

    margin-bottom: 5%;

}

.reg_h1 {

    font-size: 30px;

    line-height: 39px;

    color: #000;

}



.verfication-right-inner {

    text-align: center;

    /* max-width: 650px; */

    width: 40em;

}



.mb-p-10 {

    margin-bottom: 10%;

}





.notification-box {

    border: 1px solid #dddddd;

    border-radius: 4px;

    padding: 12px;

    text-align: left;

    display: flex;

    gap: 5px;

    margin: 10px 0;

    border-left: 6px solid #0b9df9;

    width: fit-content;

    margin-left: auto;

    margin-right: auto;

    background: #ffffff;

}



.verfication-right-inner {

    text-align: center;

    /* max-width: 650px; */

    width: 40em;

}



.mb-p-10 {

    margin-bottom: 10%;

}



.sub-title {

    line-height: 25px;

    font-size: 16px;

}



.conf-code-wrapper {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 30px 0;

}



.conf-code {

    display: flex;

}



.hyphen {



    margin: 0px 18px;

    height: 2px;

    width: 20px;

    background: #000;



}



.conf-code input:first-child {

    border-left: 1px solid #74787f;

    border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;

}

.conf-code input {

    height: 60px;

    width: 55px;

    border-right: 1px solid #74787f;

    border-color: #74787f;

    border-left: unset;

    border-radius: unset;

    text-align: center;

    padding: unset;

}

.conf-code input:last-child {

    border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;

}

.conf-code input:hover, .conf-code input:focus {

    border-color: unset !important;

}

.conf-code input {

    height: 60px;

    width: 55px;

    border-right: 1px solid #74787f;

    border-color: #74787f;

    border-left: unset;

    border-radius: unset;

    text-align: center;

    padding: unset;

}

/*End Login*/







.dropdown.usersdropdown{

    min-width:140px;

    background: #F5F5F9;

    margin: unset;

}

.side-logo{

    margin:30px 0;

    text-align: center;

}

.side-logo img{

    height:30px;

}

.action_comment a{

    cursor:pointer;

}

.action_comment a:hover{

    color:#000000;

}



.bottom_section

{

    display: flex;

}



.noti-li .commentpart

{

    padding-left:0px;

    padding-right: 7px;

}



.noti-li a

{

    color:#4989bd;

}



.no-notifications {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    height: calc(100vh - 90px);

}



.comment_emoji

{

    background: none!important;

}

.linkinsertion {

    position: absolute;

    z-index: 99999;

}





.imagediv1{

    display: table;

    table-layout: auto;

    width:100%;

    margin-bottom: 20px;

    /*text-align: center;

    justify-content: center;*/

    border-spacing: 10px;

/*     height: min-content;*/

}

.img_div1{   

    position: relative;

    text-align: center;

    display: table-cell;

/*    height:100%;    */

}

.img_div1 img {

    max-width: 100%;

    width:auto;

    min-height:150px;

    max-height: 500px;

/*    height:inherit;*/

    object-fit:cover;

}

.avatar-pic{

    height: 30px;

    width: 30px;

    border-radius: 50%;

    color: #ffffff;

    font-size: 15px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-shrink: 0;

    object-fit: cover;

}

.file-item-folderName .foldpath .otherloc .selected{

    background: unset;

    padding: unset;

    color: var(--main-color);

}
.colorpicker .colors>ul{
    display: flex;
}
.link_type{
    padding: 0 28px 0 15px !important;
}
.remove-link-box{
    position: absolute;
    top: 12px;
    right: 7px;
    cursor:pointer;
}
.emojiList .searchBoxDiv .iconDiv{
    padding: 7px 0;
    margin:0px !important;
}
#share-folder-pop .share-filesetting-foot{
    background: unset;
}

/*Responsive Styles*/

@media (max-width: 1600px) {

    .win-height {

        height: auto;

    }

    .login-right,.cancel-acc-block {

        padding: 5% 0;

        justify-content: flex-start;

    }

}



@media (max-width: 1450px) {    

    .login-right,.cancel-acc-block {

        justify-content: unset;

    }

}



@media (max-width: 1379px){

    .file-info h6{

        width:460px;

    }

}



@media (max-width: 1280px) {

   ::-webkit-scrollbar {

        width: 4px;

    }

}

@media (max-width: 1279px){

    h6{

        margin:0px 0 5px 0;

    }

    .login-form-wrapper{

        width:unset;

    }

    .login-right, .cancel-acc-block{

        padding: 15% 0;

    }

    .file-li-item, .file-li-item-head{

        grid-template-columns: 1fr;

    }

    .file-item-chk, .file-item-fav,.file-item-folderName,.file-item-share, .file-list-actions{

        display: none;

    }

    .resp-no-display{

        display: none;

    }

    .file-info h6{

        width:100%;

    }

    .home-left-panel{

        display: none;

    }

    .home-panels-outer{

        grid-template-columns:100%;

    }

    .home-main-panel{

        padding:20px;

    }    

    .MainTab-menu>ul>li>a{

        padding:7px 16px;

    }

    .expandright{

        right: -40px;

        bottom: -51px;

    }

    .search-container{

        height:45px;

    }

    .searchbutton{

        padding:18px 10px;

    }

    /*.search-expand{

        box-shadow: 0 5px 25px 2px #e1e4ed, 0 8px 30px #e1e4ed;

    }*/  

    .single-editor-head-outer{

        padding:15px 20px;

    }

    .editorarea .left-edit-area{

        padding:20px;

    }

    .folder_page .file-li-item-head, .folder_page .files-list-wrapper .file-li-item{

        grid-template-columns: 1fr;

    }

    .folder_section{

        padding:20px;

    }

}



@media (max-width:769px){

    .view-fliter{

        position: absolute;

        right:0;

        top:53px;

    }

}





#add_doc_popup .file-meta

{

    font-weight: 100;

}



#add_doc_popup .file-li-item, #add_doc_popup .file-li-item label

{

    cursor: pointer;

}



.folder_breadcrumbs

{

    margin-top:10px;

}



.breadcrumbs_folder

{

    font-weight: 500!important;

}



.breadlink

{

    display: flex;

}



.nextfolder

{

    margin-left: auto;

    padding-top:15px;

}



.nextfolder svg

{

    width: 17px!important;

    height: 17px!important;

}



.moveinfo h6

{

    width:440px!important;

}



.touchmove.selected

{

    background: aliceblue;

}



.move_breadcrumbs

{

    display: flex;

    margin-bottom: 20px;

}



.move_breadcrumbs a

{

    color:#8f8d8d;

    font-size: 12px!important;

}



.moveprev

{

    cursor: pointer;

}



.trash_div

{

    margin:0px;

}



.trashline

{

    font-size:18px;

}



.folderpermanent

{

       color: #2196F3;

    font-size: 14px;

    cursor: pointer;

}



.exportbody ul

{

    list-style: none;

}



/** Progress Bar **/



.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {

    color: #000 !important;

    background-color: #f1f1f1 !important;

}



.w3-green, .w3-hover-green:hover {

    color: #fff !important;

    background-color: #4CAF50 !important;

}



.w3-green, .w3-hover-green:hover {

    color: #fff !important;

    background-color: #4CAF50 !important;

}



.w3-center {

    text-align: center !important;

}



.w3-container, .w3-panel {

    padding: 0.01em 16px;

}



.export_process

{

    text-align: center;

}



/** Progress Bar **/



.search_divpanel

{

    position: absolute;

    top: 75px;

    z-index: 9999;

    background: var(--background-color);

    /*padding: 14px;*/

    right: 181px;

    width: 362px;

    box-shadow:0 5px 25px 2px #e1e4ed, 0 8px 30px #e1e4ed;

}



.search_divpanel .files-list-wrapper{

height: calc(100vh - 290px);

overflow: hidden;

padding: 20px;

overflow-y: scroll;

}



/*.search_divpanel .files-list-wrapper .file-meta

{

    width: 100%;

}*/



.error_text_span

{

    color:#f55858;

}



.metion_block_doc ul

{

    

    border: 1px solid #dddddd;

     background: #FFF;

    border-radius: 3px;

    width: 260px;

    list-style-type: none;

    padding: 20px 13px;

    z-index: 999;

    border-top: transparent;

    transition: all .2s cubic-bezier(.2, .3, .25, .9);

    transition-property: all;

    transition-duration: .2s;

    transition-timing-function: cubic-bezier(.2, .3, .25, .9);

    transition-delay: initial;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: dropDownAnimDown;

    box-shadow: 0 5px 25px 2px #e1e4ed, 0 8px 30px #e1e4ed;

    margin: 1em 0;



}





.metion_block_doc

{

    position: absolute;

    z-index: 9999;

   

}



.metion_block_doc .dd-list

{

    display: flex;

    gap: 10px;

    align-items: center;

    margin-bottom: 10px;

    cursor:pointer;

}

.checklist_content

{

    align-items: center!important;

    display: flex!important;



}