/* Sortable tables */

.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 {
    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{
    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;
}

.notshown{
    display:none;
}

.flex_dashboard{
    display:flex;
    border: 1px solid #444;
    background: #eee;
    border-radius: 5px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
}

 .dashbutton {
 position:relative;
 background-color: #474EDD;
 background-image: -webkit-linear-gradient(283deg, rgba(255, 255, 255, 0.1) 50%, transparent 55%),-webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), transparent);
 border-radius: 6px;
 box-shadow: 0 0 0 1px #163772 inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 4px 0 0      #333797,0 4px 0 1px rgba(0, 0, 0, 0.4),0 4px 4px 1px rgba(0, 0, 0, 0.5);
 color: white !important;
 display: block;
 font-family: "Lucida Grande", Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 cursor:pointer;
 height: 61px;
 letter-spacing: -1px;
 line-height: 61px;
 margin: 50px;
 position: relative;
 text-align: center;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
 text-decoration: none !important;
 -webkit-transition: all .2s linear;
 width: 186px;
 }

 .dashbutton:active {
 background-color: #474EDD;
 top: 4px;
 box-shadow: 0 0 0 1px #163772 inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 0 0 0      #333797,0 0 0 1px rgba(0, 0, 0, 0.4),0 0px 8px 1px rgba(0, 0, 0, 0.5);
 }

 .dashbutton:hover {
 background-color: #5158E0;
 poisiton: relative;
 top: -1px;
 box-shadow: 0 0 0 1px #163772 inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 5px 0 0      #333797,0 5px 0 1px rgba(0, 0, 0, 0.4),0 5px 8px 1px rgba(0, 0, 0, 0.5);
 }

.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);
}

#cc_sl_closer{
    margin-left:10px;
    cursor:pointer;
}
#cc_client_detail{
    margin:15px;
}

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

#slidepanel{
    overflow: scroll;
    z-index:10;
}