@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;1,300&display=swap');

.cc_plugin .colFlexCenter{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-content: center;
    align-items:center;
}

.cc_plugin #loginform input[type="text"], .cc_plugin #loginform input[type="password"]{
    display:inline-block;
    float:right;

}

.cc_plugin #pw_reset_area{
    background: #ddd;
    padding: 30px;
    border-radius: 10px;
    max-width: 550px;
    margin: 50px auto;
    margin-bottom: 200px;
}
.cc_plugin #pw_reset_area .button{
    display:block;
    margin:0 auto;
}

.cc_plugin .margin_up{
    margin-top:30px;
}
.cc_plugin .button_right{
    display:block;
    float:right;
}

.cc_plugin #loginform{
    background: #ddd;
    padding: 30px;
    border-radius: 10px;
    display:block;
    max-width: 550px;
    margin: 50px auto;
    margin-bottom: 200px;
}

.cc_plugin #loginform .button{
    display:block;
    margin:0 auto;
}

.cc_plugin #clientTable{
    font-size: 12px;
    font-family: 'Lato', sans-serif;
}
.cc_plugin #clientTable td{
    padding: 0 5px 0 5px;
    border-bottom: 1px solid #eee;
}

.cc_plugin #tree_holder{
    font-size:16px;
}

.cc_plugin #tree_holder i{
    font-style:normal!important;
}

.cc_plugin input[type="text"], .cc_plugin input[type="password"]{
    border: 1px solid #eee;
    padding:6px;
    min-width: 40px;
}

.cc_plugin button{
    padding: 6px;
    border: 1px solid #999;
}

/* Client list panel */
div#my_company_client_list {
    background-color: white;
    border-radius: 30px;
}


/* Client table */
table.tablesorter {
    width: 61.8%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #d8d8d8a1;
    border-radius: 8px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
}


/* Client rows */
tr.client_row td {
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    padding: 10px !important;
}

/* Table cells */
table.tablesorter td {
    padding: 8px 12px;
}


/* Standard thead headers */
table.tablesorter thead th {
    font-size: 14px;
    border-bottom: 1px solid #d8d8d8a1;
}


/* Client table header generated inside tbody */
table#clientTable tbody tr th {
    padding: 12px 10px;
    font-weight: 600;
    border-bottom: 1px solid #d8d8d8a1;
}


/* User count pill */
.cc_user_pill {
    color: white;
    background: #aaa;
    font-weight: bold;
    font-size: 0.8em;
    text-align: center;
    padding: 4px;
    border-radius: 50%;
}

.cc_user_pill.otherclick {
    display: inline-block;
    width: auto;
    min-width: 24px;
    /* padding: 2px 8px !important; */
}


/* Tab panel revision */
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: #eeeeee;
}
/* flex align new header */
#add_client_section {
    margin-top: 0px;
    display: flex;
    flex-direction: row;
}

.user-settings-button, .add-client-button {
border: 1px solid #e6e6e6 !important;
border-radius:5px;
}