/* switches */

/*chips  */
/*----*/

.dirsig_button{
    position:relative;
}
.dir_notifier{
    background:transparent;
    position:absolute;
    top:-3px;
    right:-3px;
    font-size:0.9em;
    color: red;
}

.simple_function_buttons{
    display:flex;
    align-items:center;
    width:100%;
    justify-content: space-between;
    margin-top: 30px;
}

.simple_function_buttons .client_button{
    width:155px;
}

.simple_function_buttons .client_button i{
    width:100%;
    text-align:center;
}

        input[type=search]::-webkit-search-cancel-button {
            -webkit-appearance: searchfield-cancel-button;
        }

            span.deleteicon {
                position: relative;
                display: inline-flex;
                align-items: center;
            }
            span.deleteicon span {
                position: absolute;
                display: block;
                right: 3px;
                width: 15px;
                height: 15px;
                border-radius: 50%;
                color: #fff;
                background-color: #ccc;
                font: 13px monospace;
                text-align: center;
                line-height: 1em;
                cursor: pointer;
            }
            span.deleteicon input {
                padding-right: 18px;
                box-sizing: border-box;
            }

        .removing td{
            transition: background 3s linear;
            background: red;
        }

        body.pagelayer-body .wp-site-blocks i:not(.fa, .fas, .far, .fab, .fa-solid, .ccicon){
           font-style: italic
        }

        #theFileList .progress{
            height:2px;
            background: #ddd;
            margin:0;
        }

        .ccicon{
            font-size: 1.7em;
            font-style: normal!important;
        }

        li.processing > i.jstree-checkbox {
            visibility: invisible;
            cursor: not-allowed;
        }

        li.processing a{
            opacity: 0.4;
            cursor: not-allowed!important;
        }

        li.processing .jqtree-title::after{
            content: " [processing] ";
        }

        .example_data{
            font-family: "Lucida Console", Monaco, monospace;
            font-size: 0.9em;
        }

        .cc_steps ol li{
            margin:20px 0;
        }

        .active_preview_line td .fa-beat-fade{
            display:none;
        }

        body.cc_client, body.cc_client .ui-widget-content {
            background-color: #eee!important;
=        }

        .cc_client .entry-content{
            background-color:#eee!important;
        }

        .cc_client .entry-content #cc_admin_tabs{
            border: 0;
        }

        .client_welcome_text{
            font-size: 1.2em;
            font-weight: bold;
            margin:15px 0;
        }

        .client_dash_holder{
            margin: 0 10%;
            padding: 20px;
            background: #eee;
        }

        .client_facing_user_strip{
            display:flex;
            justify-content:space-between;
            width:100%;
            position:fixed;
            top:0;
            left:0;
            padding: 5px 10%;
        }

        .zipfile_image{
           display:flex;
           flex-direction:column;
           align-items:center;
           justify-content:flex-start;
        }

        .zipfile_image img{
            max-width:200px;
            height: auto;
            margin-top: 100px;
        }

        .jstree-node .file_deleted{
            /* this doesn't work. Have to set element directly
           /* text-decoration: line-through; */
        }

        .client_function_section, .archive_panel_section{
            border: 1px solid #aaa;
            border-radius: 10px;
            padding: 15px;
            margin: 20px;
        }
        .archive_panel_section table{
            margin-right:auto;
            margin-left: auto;
        }
        .archive_panel_section table td{
            padding:5px;
        }

        #the_file_attributes{
            margin-top:50px;
        }

        #file_attribute_section{
            border: 1px solid #aaa;
            border-radius: 10px;
            padding: 0;
            margin: 15px;
        }
        #file_attribute_section table{
            margin: 30px auto 30px auto;
            max-width: 90%;
            font-size: 0.9em;
        }

        #file_attribute_section table input,#file_attribute_section table select{
            width:200px;
        }

        #file_attribute_section table td{
            padding-left: 7px;
        }

        .att_update_button_section{
            margin: 10px;
        }

        .att_update_button_section button{
            display:block;
            margin: 0 auto;
        }

        .file_attributes_head{
            background: #eee;
            border-radius: 10px 10px 0 0;
            overflow:hidden;
            padding: 5px;
            font-size: 1.1em;
            text-align:center;
        }

        .entity_table{
            margin-left:auto;
            margin-top:40px;
            margin-right: auto;
        }
        .entity_table td{
            padding: 5px;
            border-bottom:1px solid #eee;
        }

        .entity_table tbody tr:nth-child(odd){
            background-color: #ddd;
        }

        #pwresult{
            border:1px solid green;
            padding: 10px;
            border-radius:3px;
            margin-top: 25px;
        }

        #add_client_section{
            margin-top:25px;
        }

        .flexleft{
            display:flex;
            justify-content: flex-start;
        }
        .flexleft button{
            margin-right:20px;
        }

       .cc_plugin .docSignTable{
            font-size: 0.7em;
            width: 500px;
        }
        .cc_plugin .date_col{
            /*width: 90px;*/
        }
        .cc_plugin .fname_col{
            /*width:150px;*/
        }
        .cc_plugin .docSignTable button{
            background-color:red;
            color:white;
            transform:scale(1.3);
        }

#clientTable td, #clientTable div, #clientTable tr span{
    transition: all 0.3s linear;
}

.expander_button{
    color: #999;
    font-size: 1.2em;
}

.revealer{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
}

.new_provider_select .collapsed select{
    max-width: 0;
    border:0;
}

.revealer select{
    max-width: 400px;
    transition: max-width 0.5s linear;
}

.cc_chip .removeminus{
    font-size: 1.2em;
    color:#999;
    margin: 0 5px;
}

.providers{
    display:flex;
    min-width:250px;
}

.providers .cc_chip{
    font-size: 0.9em;
    padding: 4px 4px;
    height:auto;
    display:inline-block;
    margin:0 auto;
    text-align:center;
}

.password_form_table{
    margin: 30px auto;
}

#password_check_table .check .fa-times{
   color:red;
}

#password_check_table .check .fa-check{
    color: green;
}

.password_form_table button{
    display:block;
    margin: 20px auto;
}

.password_form_table td{
    padding: 10px;
}

.password_set_form{
    display: block;
    margin: 30px auto;
    padding: 20px;
    background: #ddd;
    font-weight:bold;
}

#clientTable .target td{
    background: #ddd;
}

.clickable{
    cursor:pointer;
}

.cc_flex_button{
    min-width: 200px;
}

.dashbutton i{
    font-style:normal!important;
}

i.fa-regular, i.fa-solid{
    font-style:normal;
}

#cc_client_folders, #client_users_panel{
    border: 1px solid #aaa;
    border-radius: 10px;
    padding: 30px;
    margin:15px;
}

.upload_button{
    padding:4px;
    background: white;
    border: 1px solid #aaa;
    border-radius:3px;
    margin-right:5px;
    cursor:pointer;
}

.upload_button:hover{
    background:#eee;
}

.self_right{
    align-self: flex-end;
    display:block;
    float:right;
}

.client_folder, #client_section_area ul.jqtree-tree li.jqtree_common{
    padding: 4px;
    margin: 3px 0;
}


.jqtree-element{
    display:flex;
    align-items:center;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*#client_section_area ul.jqtree-tree li .jqtree-element:hover .jqtree-title, #client_section_area ul.jqtree-tree li .jqtree-element:hover a{
   color: #fff;
}*/

#client_section_area ul.jqtree-tree li.jqtree-selected .jqtree-title {
    border: none;
    /* text-shadow: 0 0 BLACK; */
    box-shadow:none;
    /* color:#fff; */
    outline: none;
}



 #client_section_area ul.jqtree-tree li.jqtree-selected .jqtree-element{
     background: none;
 }

 .jqtree-selected .upload_button{
     color: #444!important;
 }


 /*
 #client_section_ara ul.jqtree-tree li.jqtree-selected .upload_button{
     color: #444;
 }
 */

.client_buttons_holder{
    margin-top:40px;
    min-width: 500px;
    justify-content:space-around;
    align-items: center;
}

.client_button_area{
    padding: 10px;
    transition: max-height 0.5s linear;
    align-self: flex-start;
    display:flex;
    flex-direction:column;
    align-items: flex-start;
}

.client_button_area .client_button button{
    padding: 30px;
    font-size: 1.3em;
    text-align:center;
}

#jstree {
    font-size: 0.8em;
    font-weight: normal;
}

/*--upload form */

.docSignTable .sign_show td{
    border-bottom: 1px solid #eee;
}

.uploader_modal input[type='file'] {
    border: 2px dashed #025bee;
    padding: 100px 50px 20px 130px;
    position: relative;
    margin:0 auto;
    max-width: 450px;
    color: #444;
    background-color: #fff;
}

.uploader_modal input[type='file'].active{
    border:2px dashed red;
    background-color: #FBFD9B;
}


.uploader_modal input[type='file']:before {
    content: "Drop files here or";
    display: block;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 100px;
    margin: -25px 0 0 -100px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 0.3em;
}

.uploader_modal .indivFile{
    width:100%;
    font-size: 0.8em;
    display:flex;
    flex-direction:horizontal;
    justify-content: center;
    align-items:center;
}


.uploader_modal .delFile{
    color:red;
}

.uploader_modal .fileProg{
    /*border: 1px solid #bbb;*/
    text-align:left;
    width:350px;
}

.uploader_modal .fileListFormat{
    margin: 20px auto;
}

.uploader_modal input[type="file"]{
    /* display:none; */
}

.uploader_modal label.drop_area{
    visibility:hidden;
    display: block;
    position: relative;
    background-color: #025bee;
    color: #ffffff;
    font-size: 1.1em;
    text-align: center;
    width: 16em;
    /*padding: 1em 0;*/
    /*border: 0.2em solid #025bee;*/
    border-radius: 0.3em;
    margin: 0; /* auto 1em auto;*/
}

.uploader_modal .upload_checks{
    display:block;
    width: 80%;
    margin:20px auto;
}

.uploader_modal .upload_checks input[type="checkbox"]{
    transform:scale(1.2);
}

body .uploader_modal i{
    text-decoration:none;
    font-style: normal;
}

.uploader_modal  textarea{
    display:block;
    margin: 0 auto;
}

body .uploader_modal label.active {
    border: 0.2em dashed #fff; /* #025bee; */
}

.uploader_modal #error {
    text-align: center;
    color: #ff3030;
}


.folder_in_table{
    display:flex;
    justify-content:flex-start;
    align-content: flex-start;
}
.folder_in_table .fname{
    padding-left:7px;
}

body .user_selectors_table td{
    border-right:1px solid #ccc;
}

.cc_chip_holder .unfound{
    display:none;
}

.cc_chip_holder{
    display:flex;
    flex-direction: row;
    justify-content:flex-start;
    flex-wrap:wrap;
}

.cc_chip{
    display: inline-flex;
    flex-direction: row;
    background-color: #e5e5e5;
    border: none;
    cursor: default;
    height: 36px;
    outline: none;
    border: 2px solid white;
    padding: 0;
    font-size: 14px;
    font-color: #333333;
    font-family:"Open Sans", sans-serif;
    white-space: nowrap;
    align-items: center;
    border-radius: 16px;
    vertical-align: middle;
    text-decoration: none;
    justify-content: center;
}

.cc_chip div{
    transform:scale(0.7);
}

.cc_chip-head{
    display: flex;
    position: relative;
    overflow: hidden;
    background-color: #32C5D2;
    font-size: 1.25rem;
    flex-shrink: 0;
    align-items: center;
    user-select: none;
    border-radius: 50%;
    justify-content: center;
    width: 36px;
    color: #fff;
    height: 36px;
    font-size: 20px;
    margin-right: -4px;
}

.cc_chip-head img.userchip{
    width:36px;
    height:36px;
    border-radius:50%;
}

.cc_chip-content{
    cursor: inherit;
    display: flex;
    align-items: center;
    user-select: none;
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
}

.cc_chip-action{
    width:36px;
    height:36px;
    background-color:#aaa;
    color: #fff;
    font-weight:bold;
    border-radius:50%;
    font-size: 1.3em;
    float:right;
    text-align:center;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.cc_chip-action:hover{
    background-color: #777;
}

/*---- */

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* Sortable tables */

#cc_folder_settings_table{
    border:0;
    width:100%;
}

#cc_folder_settings_table .user_selectors_table{
    width:100%;
}
#cc_folder_settings_table .user_selectors_table td{
    width:50%;
}

#cc_folder_settings_table td{
    padding: 7px;
    border-bottom: 1px solid #aaa;
}

#cc_folder_settings_table .minned td{
    display:none;
}

#cc_folder_settings_table .maxed td{
    display: table-cell;
}

#cc_folder_settings_table .switch_table td{
    border:0;
    border-bottom: 0;
}
#cc_folder_settings_table .user_selectors_table td{
    border:0;
    border-bottom: 0;
}

#tree_holder{
    margin-top:20px;
}

.cc_plugin .in_form_table{
    width:100%;
    font-size: 0.9em;
    margin-bottom:20px;
}

.cc_plugin .in_form_table td{
    padding: 4px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

.cc_plugin .in_form_table label{
    font-style:normal;
}


.client_row td{
    padding: 5px 3px;
}

.full-width-flex{
    flex-grow:1;
    flex-shrink:0;
    width:100%;
}

.cc_usersTable{
    font-size: 0.8em;
    width:95%;
}

.cc_usersTable td{
    text-align:left;
    border-bottom:2px solid #eee;
}

.cc_usersTable th{
    text-align:left;
    border-bottom:2px solid #bbb;
}

.cc_usersTable input{
    font-size:0.8em;
}
.cc_usersTable .title{
    max-width:30px;
}

.hidden_display{
    display:none;
}

.cc_flex_button{
    padding:8px;
    border: 1px solid #eee;
    text-align:center;
    font-size:0.9em;
    border-radius: 4px 4px 0 0;
    margin-right:7px;
    cursor:pointer;
}
.cc_flex_button:hover{
    color:white;
}

.cc_plugin .ui-widget-content .ui-state-active{
    /*border: 1px solid #99322F;
    background: #D54743;   */
    font-weight: normal;
    color: #fff;
}

.cc_user_pill{
    color: white;
    background: #aaa;
    font-weight:bold;
    font-size: 0.8em;
    text-align:center;
    padding: 2px;
    border-radius: 50%;
}

.twentyMarginBottom{
    margin-bottom:20px;
}

.flextogetherish{
    display:flex;
    align-items:center;
    justify-content:space-around;
}

.slidertabs{
    cursor: pointer;
}




.hidden_first{
    max-height:0;
    overflow: hidden;
}

#new_client_fields{
    transition: max-height linear 0.5s;
}

.cc_plugin .client_info_holder table{
    margin:0 auto;
}

.cc_plugin .docsend_button button{
    font-size: 0.8em;
    padding: 6px;
    border-radius: 3px;
}

.cc_plugin .docSignTable{
    font-size: 0.7em;
    width:100%;
}

.cc_plugin .docSignTable td{
    word-wrap:normal;
}

.sign_show{
    cursor: pointer;
}

.sign_show:hover td{
   background:#eee;
}

button.cc_button{
    padding:5px;
    font-size: 0.8em;
    font-weight:400;
    background: #ddd;
    color: #000 !important;
    border: 1px solid #777;
    border-radius: 3px;
}

button.cc_button:hover{
    text-decoration: none;
    background: #000;
    color: #eee !important;
}

.centered .ui-tabs-nav {
    height: 2.35em;
    text-align: center;
}
.centered .ui-tabs-nav li:not(.slidertabs) {
    display: inline-block;
    float: none;
    margin: 0em;
}

.slideflex{
    display:flex;
    /*justify-content:space-between;*/
    flex-shrink:0;
    flex-grow:1;
    flex-wrap:no-wrap;
    align-items:top;
}

#doc_preview{
    width:100%;
    height: 4500px;
}

#doc_preview img:not(.userchip){
    width:100%;
}

#doc_preview .pdftxt_display{
    height:100% !important;
    width: 100% !important;
}

.centered .invite_form{
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.small_button button{
    transform:scale(0.7);
}

.client_details{
    display:block;
    margin-left: 20px;
}

.redfile{
    color:red;
}
.bluefile{
    color:blue;
}
.greenfile{
    color:green;
}
.greyfile{
    color:gray;
}
.goldfile{
    color: #FFD700;
}

.orangefile{
    color:#FFA500;
}

.notshown{
    display:none;
}

.cc_client footer{
    position:absolute;
    width:100%;
    bottom:0;
    border-top: 2px solid #ddd;
    background: #eee;
    padding: 10px 25px 0 25px;
}

.cc_client footer.simple{
    position:relative;
}

.cc_client footer .client_footer, .cc_client footer .simple_client_footer{
    display:flex;
    justify-content: space-between;
    align-items:center;
    width:700px;
    margin: 0 auto;
    padding: 0 25px;
    font-size: 0.9em;
}
.cc_client footer .client_footer .logo_footer, .cc_client footer .simple_client_footer .logo_footer{
    width: 100px;
}

.cc_client select{
    overflow:auto;
}

.cc_client .wp-site-blocks{
    padding-bottom:0;
}

.client_dash_holder{
    max-width:700px;
    margin:0 auto;
}

.flex_dashboard select{
    margin-left: 20px;
}

.client_intro{
    margin-bottom: 20px;
}

.client_function_buttons{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    width:100%;
}

.client_button .button-icon{
    font-size:2.2em;
}

.client_button a{
    font-size: 0.9em;
}

.client_button{
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    width: 320px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.client_button:hover{
    background:#ededed;
}

.explain_section{
    border-radius : 10px;
    border: 1px solid #ddd;
    background: #fff;
    width:100%;
    margin-top: 30px;
    margin-bottom: 120px;
}
.explain_section .expl_head{
    color: #fff;
    font-weight:bold;
    font-size: 1.1em;
    padding: 10px 15px;
    border-radius: 10px 10px 0 0;
}
.explain_section .expl_text{
    font-size:0.9em;
    padding:15px;
}
.client_button_head{
    font-size: 1.1em;
    font-weight:bold;
    margin-bottom: 8px;
    margin-top: 6px;
}

.client_button_text{
    font-size: 0.9em;
}



.flex_dashboard{
    display:flex;
    /*border: 1px solid #444;*/
    background: #eee;
    border-radius: 10px;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:30px;
    /*justify-content: space-between;*/
}


.file_drop_area{
    height:150px;
    width:100%;
    padding: 10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.ajax-file-upload-filename{
    font-size: 0.7em;
}

.flexapart{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.cc_upload_form{
    width:450px;
    /*height:200px; */
    /*overflow:scroll;*/
}

.cc_send_email_form{
    margin-top:15px;
}
.cc_send_email_form .input["type=checkbox"]{
    display:inline-block;
    transform:scale(1.5);
}

.cc_overflow_scroll{
    overflow-y:scroll;
}

/*
.cc_dropzone{
    padding:15px;
    display:block;
    margin:0 auto;
    border: dashed 2px #999;
    background: #eee;
}
*/

.cc_filename{
    font-size: 0.8em;
}

.cc_upload_form #cc_box{
    width:100%;
    height:100%;
}

table.tablesorter thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: pointer;
}

.vakata-context { z-index:10052 !important; }

.client_row td{
    cursor:pointer;
}
.this_row td{
    background:#eee;
}

.client_info_holder{
    /*not working */
    overflow:hidden;
    position:relative;
}

.client_slider{
    background: #fff;
}

#client_info .shown, #slidepanel.shown{
    /*
    -webkit-box-shadow: -2px 0px 8px 0px rgba(68,68,4,1);
    -moz-box-shadow: -2px 0px 8px 0px rgba(68,68,4,1);
    box-shadow: -2px 0px 8px 0px rgba(68,68,4,1);
    */
-webkit-box-shadow: -17px 0px 30px 6px rgba(0,0,0,0.76);
box-shadow: -17px 0px 30px 6px rgba(0,0,0,0.76);
}

#cc_sl_closer{
    cursor:pointer;
}

#cc_client_detail{
    margin:15px;
}

.signing_panel #cc_client_detail{
    padding: 10px;
    margin:0;
    position: fixed;
    max-width: 18%;
    top: 95px;
    background: white;
    height: 100%;
}

.admin-bar #cc_sl_closer{
    margin-top: 32px;
}

#slidepanel{
    overflow: scroll;
    z-index:10;
    width:100%; /*set locally too */
}